jQuery UI可选不适用于.dialog open html

Question

我打开一个.dialog模式并加载超文本标记语言。我正在将可选择的jQuery应用于html中的列表，并以.dialog模式显示。Selectable不起作用，正在显示列表的直接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 example

Answer 2

有类似的声音问题，但解决方案不同。对我来说，问题是认识到我需要将类ui-widget-content添加到被认为是可选择的单个元素中。相比之下，我只需在它们上调用.draggable()，它们就变得可拖动，而无需添加任何类。