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

Я открываю модальный.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 со списком.

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

Источник

2 ответа

Решение

Всегда проверяйте, что вы загрузили 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

Источник

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

Источник
Другие вопросы по тегам