javascript - Scriptaculous Droppables onDrop 回调,如何引用每个元素?

标签 javascript scriptaculous droppable

可以找到文档here

例子中说:

落下: 每当在 Droppable 上释放 Draggable 并且 Droppable 接受它时调用。回调获取三个参数:Draggable 元素、Droppable 元素和 Event。您可以从 Event 对象中提取有关放置的其他信息,例如是否按下了 Ctrl 或 Shift 键。

然后它给出了一些代码

Droppables.add('购物车', { 接受:“产品”, onDrop:函数(元素){ $('shopping_cart_text').update('把' + element.alt + '丢在我身上了。'); } });

它在代码中使用了含糊不清的词“元素”。 我的问题是,有没有人有一个很好的例子来说明如何在此回调 javascript 函数中引用可拖动元素和可放置元素?

最佳答案

继续页面下方的示例,回调函数可以根据需要获取任意数量的参数:

onDrop: function() { $('droppable_demo').highlight(); }

在这种情况下,他们没有使用任何回调参数。为此,大概要访问您引用的段落中提到的所有三个,您可以定义:

onDrop: function(dragged, dropped, event) {  }

关于javascript - Scriptaculous Droppables onDrop 回调,如何引用每个元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/117547/

相关文章:

javascript - 根据Id和switch向<td>添加类

javascript - 货币的正则表达式

javascript - Scriptaculous 排序矩阵

javascript - Script.aculo.us Drag 'n' Drop - 恢复 onEnd 条件

jquery可拖动停止事件

javascript - Protractor + 混合 Angular 1+2 应用 = 失败

javascript - 更新单元测试的 vue 组件实例中的 Prop

ruby-on-rails - auto_complete_for : prevent the first item from being auto-selected

jquery - FullCalendar:在 drop 函数中设置事件结束

jquery - 在嵌套数据表中拖放