Question

我正在使用jquery-ui中的可排序演示。我试图在运行时将项添加到可排序列表，如：

<ul id='panelSortable'>
</ul>

$("#panelSortable").sortable({
    distance: '15'
});

function generatePanel() {
    var html = "<li>";
    html += "<p>hello!</p>";
    html += "</li>";
    return html;
}

function addPanel() {
    var element = $(generatePanel());
    element.appendTo("#panelSortable");
    element.sortable();
    element.disableSelection();
}

将新元素添加到可排序列表中。我可以奇怪地拖动“p”元素，与父“li”元素（也是可拖动的）分开。我想限制拖动到“li”元素。

如果我只是在页面中声明了几个“li”项目，它们都以正常方式工作，您只能拖动“li”项，而不是“p”项：

<ul id='panelSortable'>
  <li><p>I work normally!</p></li>
</ul>

所以我必须弄乱这里的调用，使“p”元素也可以拖动？

由于

Answer 1

哎呀，你不需要在元素上调用sortable（），这应该只是在它看起来的父“ul”项上完成。如果你删除它，只是添加如上所示的元素，就可以对其进行排序。

由于

sortable - 仅限制拖动到父<li>元素？</li>

1 个答案: