Javascript jQueryUI可排序-在'；项目'；

我在使用jQueryUI的可排序函数时遇到问题：

    <div class="sortable">
        <div class="ui-state-default">
            <h4></h4>
            <input type="text" />
            <button></button>
        </div>
        ...more <div>
    </div>

我已经在谷歌上搜索了一个解决方案，但除了这个，我什么也没找到，但我认为.cancel（）函数对我来说不是一个解决方案

---

有什么帮助吗？

您遇到的问题是，输入框本身不能作为可拖动的句柄。您需要将输入包装在span或div中，并在

{items:}

标记中使用它。您仍然无法拾取输入框本身，因此我强烈建议您使用div中的手柄进行拖动，以使操作更直观

或者，您可以在输入的顶部添加一个隐藏的div作为句柄，该div带有

{position:absolute；width:100%；height:100%}

，但这会使您的输入不可编辑，因为单击会命中该div而不是您的输入

$(".sortable").sortable({ items: "> input" });
$(".sortable").sortable({ items: "> input[type=text]" });
$(".sortable").sortable({ items: "> div > input" });
$(".sortable").sortable("option", 'items', 'div > input');