Question

我正在打开.dialog模式并加载html。我将jQuery selectable应用于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 example

Answer 2

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

jQuery UI可选择不使用.dialog打开html

2 个答案: