Пользовательский JQuery Автозаполнение HTML

Question

Пользовательский JQuery Автозаполнение HTML

0

Я использую автозаполнение jquery, и я хочу обернуть autocomplete ul внутри div. Я использую этот код для настройки вывода li для включения изображений, но я хочу обернуть его внутри div

  $( "#searchy-input" ).autocomplete({
    minLength: 2,
    source: "/search_suggestions",
    focus: function( event, ui ) {
      $( "#searchy-input" ).val( ui.item.name );
      return false;
    }


   })
    .data( "ui-autocomplete" )._renderItem = function( ul, item ) {
   return $( "<li class='customClass'>" )
       .append( "<a href='"+item.link+"'><div class='_20'><img class='_80 hg30p' src='"+ item.avatar+"'/></div><div  class='span1 mg _60'>" + item.name + "</div></a>" )
       .appendTo( ul );
}

что-то вроде этого учебника

http://www.webdesignerdepot.com/2012/05/foxycomplete-advanced-autocomplete-search-images/ после повторного поиска Я нашел решение для ovveride html-дисплея для ul из этого частного метода

_renderMenu: function( ul, items ) {
  var that = this;
 $.each( items, function( index, item ) {
  that._renderItemData( ul, item );
 });
 $( ul ).find( "li:odd" ).addClass( "odd" );

}

Remon Amin 06 окт. 2013, в 02:34

Источник

0

ну, просто чтобы прояснить это, вы не должны использовать <div> внутри <a> и вместо этого использовать <span> , но это на самом деле просто семантика, я думаю. кроме этого, нет причин, по которым приведенный выше код не должен работать.
Ohgodwhy 06 окт. 2013, в 00:05
0

Я знаю, но вы можете сделать тег показанным как встроенный блок или переполнение скрытым или установив его высоту ... код работает, но я хочу обернуть ul внутри пользовательского div
Remon Amin 06 окт. 2013, в 00:06

Теги:

jquery

jquery-ui

jquery-autocomplete

1 ответ

Ещё вопросы

ну, просто чтобы прояснить это, вы не должны использовать <div> внутри <a> и вместо этого использовать <span> , но это на самом деле просто семантика, я думаю. кроме этого, нет причин, по которым приведенный выше код не должен работать.
Я знаю, но вы можете сделать тег показанным как встроенный блок или переполнение скрытым или установив его высоту ... код работает, но я хочу обернуть ul внутри пользовательского div

Ohgodwhy · Answer 1 · 2013-10-05T22-27-00.000Z

На основе вашего комментария кажется, что ваша проблема ._renderItem с обертыванием элемента UL, а не с ._renderItem функции ._renderItem.

С учетом сказанного:

$('ul').wrap('<div></div>');

Будет делать трюк.

http://api.jquery.com/wrap/ ссылку на документацию.

куда именно я положил $ ('ul'). wrap ('<div> </ div>'); внутри моего кода .. Я очень хорошо знаю метод wrap, но я думаю, что проблема в методе создания плагина