jQuery UI Выбор не работает с .dialog открыть HTML

Question

Я открываю модальный .dialog и загружаю HTML.Я применяю jQuery для выбора в списке, который находится в HTML и отображается в модальном .dialog.Выбираемый не работает, отображается прямой HTML-код для списка.

Код:

  $jQuery('#calendar').fullCalendar({
       ...
       dayClick:

       ...


         var $test_dialog = jQuery('<div></div>').html('<ul id="selectable">
           <li>1</li>
           <li>2</li>
           <li>3</li>
        </ul>').dialog(//buttons);

    }) // end fullCalendar

    $test_dialog.dialog('open')

    jQuery('#selectable').selectable(); 

Другие сведения:

Я загружаю fullCalendar на страницу икогда пользователь нажимает на календарь, открывается мод .dialog со списком.

Спасибо за любые предложения.

Answer 1

Всегда проверяйте, что вы загрузили html сначала, прежде чем вызвать вызываемую функцию

$(function() {
  var html = '';
  html += '<ul id="selectable">';
  html += '<li>1</li>';
  html += '<li>2</li>';
  html += '<li>3</li>';
  html += '</ul>';
  $('#dialog').html(html).dialog();
  $('#selectable').selectable();
});

вот пример jsfiddle

Answer 2

Была похожая проблема, но другое решение. Для меня проблема заключалась в признании того, что мне нужно добавить класс ui-widget-content к отдельным элементам, которые должны были считаться выбираемыми. В отличие от этого, я мог просто вызвать .draggable() для них, и они стали перетаскиваемыми без добавления каких-либо классов.