Question

我能够拖拽删除＆＃34; jQuery UI可排序连接＆＃34;：如下例所示。 http://www.pureexample.com/jquery-ui/sortable-connectwith.html 它工作正常，但现在我需要拖动和放大删除多个UI。这是行不通的。例如：

<ul><li> Item1 (with multiple image in carousel style) </li><ul>
<ul><li> Item2 (with multiple image in carousel style) </li><ul>
<ul><li> Item3 (with multiple image in carousel style) </li><ul>
<ul><li> Item4 (with multiple image in carousel style) </li><ul>

你能帮我一个人吗？怎么办？

Answer 1

您的HTML需要正确。查看以下演示

$("ul").sortable({
                connectWith: "ul",
                start: function (event, ui) {
                        ui.item.toggleClass("highlight");
                },
                stop: function (event, ui) {
                        ui.item.toggleClass("highlight");
                }
        });

<强> Working Demo

Answer 2

问题在于您的ui - 标签。它们在Html中不可用。如果您想使用此元素，则需要使用li标记包围ul标记，并删除所有无效的ui标记。

与提供的示例here类似，您需要为每个可选列表指定一个id并为其初始化滑块。

拖拽使用多个<ul>元素

2 个答案: