jQuery单击并拖动3次以触发事件

时间:2012-07-05 09:12:14

标签: jquery jquery-ui click drag

我正在试图弄清楚如何触发一个事件,在点击并拖动3次元素后会触发一个事件。这个场景正在摩擦'Alladin的灯'(我知道) - 当你点击并向左/向右/向左或向右/向左/向右拖动时 - 之后会发生一些事情。

我真的不知道从哪里开始,除了触发click()事件,然后使用jQuery UI拖动 - 只是一个猜测 - 任何提示都会非常感激。

2 个答案:

答案 0 :(得分:2)

您应该阅读jQuery UI draggable documentation。您可以使用dragstop event 一个快速的例子:
构造一个元素lamp和(例如)另一个元素hand。当您拖动hand悬停lamp时,如果hand确实悬停了lamp,则可以存储在布尔变量中。如果在truedragstop,则您可以增加另一个包含hand悬停lamp次数的变量。然后,如果这个数字等于3,显示天才:)!

答案 1 :(得分:1)

好的 - 找到解决方案 - 这个插件做得很好:Jquery Gestures

谢谢大家!