Javascript jQuery UI可排序和可拖动列表交互工作不正常
我这里有一个魔兽世界玩家配方追踪工具:。我有三个自定义设计的列表:一个“拥有”列表、“需要”列表和可供选择的原始项目列表。我将最后一个列表作为draggable,其Javascript jQuery UI可排序和可拖动列表交互工作不正常,javascript,jquery,jquery-ui,jquery-ui-sortable,jquery-ui-draggable,Javascript,Jquery,Jquery Ui,Jquery Ui Sortable,Jquery Ui Draggable,我这里有一个魔兽世界玩家配方追踪工具:。我有三个自定义设计的列表:一个“拥有”列表、“需要”列表和可供选择的原始项目列表。我将最后一个列表作为draggable,其connectToSortable设置为前两个列表共享的类 三个列表的HTML: <div class="sub-third"> <h1>My Recipes</h1> <div class="tracker-list sortable" id="have-list">
connectToSortable
设置为前两个列表共享的类
三个列表的HTML:
<div class="sub-third">
<h1>My Recipes</h1>
<div class="tracker-list sortable" id="have-list">
</div>
</div>
<div class="sub-third">
<h1 style="color: #f90;">Recipes I Need</h1>
<div class="tracker-list sortable" id="need-list">
</div>
</div>
<div class="sub-third">
<h1 style="color: #eee;">Add Recipes</h1>
<div class="tracker-list" id="add-list">
<div class="tracker-item" id="itemid_123">
<a class="tracker-icon" rel="item=43509"><img class="wow-icon" src="/images/icons/small/inv_scroll_03.jpg" alt="Icon" /></a>
<p>Bad Clams</p>
</div>
<!-- ETC... -->
</div>
</div>
出于某种原因,在我将一个项目从第三个列表拖到第一个列表一两次后,它突然拒绝合作。第三个列表中的项目突然变得无法拖动。但是,将项目从第三个列表拖动到第二个列表就可以了。你可以尝试上面的链接,自己测试一下。有人能告诉我可能是什么问题吗
$('#add-list .tracker-item').draggable({
connectToSortable : '.target-list',
您正在将第三个列表连接到第二个列表。如果选择“将目标列表类添加到第一个列表”,则可以从第三个列表拖动到第一个列表
您正在将第三个列表连接到第二个列表。如果您选择将目标列表类添加到第一个列表,则可以从第三个列表拖动到第一个列表。对不起,我在您回复的同时编辑了我的代码。复制代码时出错。我修复了它,你可以在上面看到它。我访问了你的网站,并且能够重现这个错误。现在,您已经使connectToSortable:“.sortable”修改不再存在错误。我仍然看到它。是否尝试将多个项目从灰色列表拖到蓝色列表框?它在第一次工作时很好,但是在它被删除后,灰色列表不再充当可拖动的UI对象。啊,的确如此。用户使用的维度插件是什么?这就是引发第一个异常的地方。我在其他一些页面上使用的工具提示插件正在使用它。如果我删除对该脚本的调用。。。你知道吗,它解决了问题。我来看看我能不能不用尺寸;如果没有,我会找到另一个工具提示插件。谢谢对不起,我在您回复的同时编辑了我的代码。复制代码时出错。我修复了它,你可以在上面看到它。我访问了你的网站,并且能够重现这个错误。现在,您已经使connectToSortable:“.sortable”修改不再存在错误。我仍然看到它。是否尝试将多个项目从灰色列表拖到蓝色列表框?它在第一次工作时很好,但是在它被删除后,灰色列表不再充当可拖动的UI对象。啊,的确如此。用户使用的维度插件是什么?这就是引发第一个异常的地方。我在其他一些页面上使用的工具提示插件正在使用它。如果我删除对该脚本的调用。。。你知道吗,它解决了问题。我来看看我能不能不用尺寸;如果没有,我会找到另一个工具提示插件。谢谢
$('#add-list .tracker-item').draggable({
connectToSortable : '.target-list',