gpt4 book ai didi

jquery-ui - 如何使 jQuery UI droppable hoverClass 仅适用于 draggables?

转载 作者:行者123 更新时间:2023-12-02 07:36:58 26 4
gpt4 key购买 nike

我有一个可排序和可放置的列表,还有一组单独的可拖动对象:

ul.sortable
li.droppable
li.droppable
li.droppable
/ul
ul
li.draggable
li.draggable
li.draggable
/ul

我在可转换对象上应用悬停类:

$(".droppable").droppable({ hoverClass: "hover" });

悬停应该是用户的视觉提示,告诉他可以将可拖动对象放到可放置对象上。

问题是当可排序元素悬停可放置元素时也会应用悬停类。在这种情况下,视觉提示是完全错误的。

这是一个说明问题的 fiddle (将 draggables 拖到 sortables 上,重新排序 sortables):http://jsfiddle.net/TWXeH/

如何让悬停类仅在可拖放对象上有可拖动对象而不是可排序对象时才起作用?

最佳答案

您正在寻找接受选项

$(".droppable").droppable({
hoverClass: "hover",
accept: ".draggable"
});

关于jquery-ui - 如何使 jQuery UI droppable hoverClass 仅适用于 draggables?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15363717/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com