Jquery UI Droppable Out 函数

发布于 2025-01-05 23:39:10 字数 592 浏览 1 评论 0原文

我想在离开可放置元素时触发一个事件,因此我计划使用 out 函数。但我有两个可放置的元素。当我为一个元素编写代码时,它可以工作,但不能为两个元素编写。

Html:

<div id="source">
  <item1>
  ...
  <itemx>
</div>
<div id="drop1"></div>
<div id="drop2"></div>

Jquery:

$("div#drop1, div#drop2").droppable ({
  drop : function (event, ui) {
     $(this).append (ui.draggable);
     alert("Hello!");
  },

  out : function (event, ui) {
    alert("Goodbye");    
  },
});

但是 Out 函数没有触发?我可以写两次,但如果我有 20 个可放置元素,这不是解决方案。 有什么想法吗? 谢谢 !

I would like to trigger an event when I am leaving the droppable element, so I plan to use the out function. But I have two droppable elements. When I wrote the code for one element it works but not for two.

Html :

<div id="source">
  <item1>
  ...
  <itemx>
</div>
<div id="drop1"></div>
<div id="drop2"></div>

Jquery:

$("div#drop1, div#drop2").droppable ({
  drop : function (event, ui) {
     $(this).append (ui.draggable);
     alert("Hello!");
  },

  out : function (event, ui) {
    alert("Goodbye");    
  },
});

But the Out function doesn't trigger ? I could write it twice but if I have 20 droppable elements, it's not the solution.
Any ideas ?
Thanks !

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

慵挽 2025-01-12 23:39:10

你在第9行有一个错误...但它对我来说没有这个...检查这个小提琴:

http:// jsfiddle.net/yCeL3/

you have an error on line 9 ... but its working for me without this... check this fiddle:

http://jsfiddle.net/yCeL3/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文