我正在尝试将 JQueryUI 的可拖动和可选择这对可爱的夫妇结合起来;)
我正在尝试做的事情:
- 可以使用单击来选择 Div。这将通过应用...也许 css 边框/阴影到选定的 div 来显示。只是为了突出它。
- 可以使用 JQueryUI 的可拖动功能来拖动相同的 div。
使用 ryan coughlin's code 的一部分,我编写了这段代码: http://jsfiddle.net/rYgXE/
基本上还可以。问题是,div 无法再使用 CLICK 突出显示(在本例中为 css 阴影)。仅将触发器突出显示拖动到 div。 The running sample of ryan coughlin's code也无法使用点击来选择(突出显示)。
我不太明白发生了什么,但似乎可拖动代码会阻止可选代码工作。
有什么解决方案/想法吗?
谢谢:D
最佳答案
你只需要添加这个功能
$(".selectable div").click(function() {
if (!$(this).hasClass("ui-selected")) {
$(this).addClass("ui-selected").siblings().removeClass("ui-selected");
}
})
这是一个工作 fiddle http://jsfiddle.net/rYgXE/2/
关于jquery 可拖动防止触发可使用单击选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9191581/