0

Суть проблемы: сделал я селектбокс на базе jquery-ui, первый селект работает отлично, но вот новые никак не хотят открывать список. Чуть ли не весь гугл перелопатил, но ответов для себя не нашел :((

добавление selectmenu

  $(function() {
	
    $.widget( "custom.iconselectmenu", $.ui.selectmenu, {
      _renderItem: function( ul, item ) {
        var li = $( "<li>", { text: item.label } );
 
        if ( item.disabled ) {
          li.addClass( "ui-state-disabled" );
        }
 
        $( "<span>", {
          style: item.element.attr( "data-style" ),
          "class": "ui-icon " + item.element.attr( "data-class" )
        })
          .appendTo( li );
 
        return li.appendTo( ul );
      }
    });
 
    $( ".people" )
      .iconselectmenu()
      .iconselectmenu( "menuWidget")
        .addClass( "ui-menu-icons avatar" );
  });

1 ответ 1

0

Нашел решение сам. Оказывается все довольно просто(и это я полдня голову ломал), все решается в 4-ре строки)

$("#add").on("click", function() {

    $(".init-ui").iconselectmenu("destroy"); // Уничтожаем плагин
    $(".sub-block1").clone(true).appendTo(".block"); // Клонируем и перемещаем элемент в конец родителя
    $(".init-ui").iconselectmenu().iconselectmenu("menuWidget").addClass("ui-menu-icons avatar"); // Восстанавливаем плагин
});

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.