0

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

感谢您的任何建议。

4

2 回答 2

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示例

于 2011-02-02T20:04:33.463 回答
0

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

于 2012-06-21T02:55:49.503 回答