jQuery 和 Prototype 事件

Question

我有一个原型代码，它在“加载”事件触发时被激活：

  Event.observe($(imageEl), 'load', this.someFunction.bind(this));

当我使用jQuery代码创建“真实”事件时，例如：

  jQuery(...imageEl selector...).attr("src", filename);

它触发了原型代码（someFunction）。很好！

接下来，我尝试使用jQuery trigger触发原型代码：

  jQuery(...imageEl selector...).trigger('load');

但现在，没有任何反应，即这行代码不会触发Prototype事件。

有什么想法如何从jQuery触发Prototype事件？

- Sty

---

为什么你要同时使用这两个库？为什么不能直接从Prototype触发事件？ - James

当然，如果我从头开始编写代码，我只会使用jQuery。不幸的是，我必须将基于Prototype + Scriptaculous的旧代码与基于jQuery的新代码集成。两种代码都会对外部事件做出反应！具体来说，jQuery/UI "resizable"会更改DOM对象的大小（其子元素由旧的Scriptaculous代码进行缩放，使用Scriptaculous滑块等）。我通过使用DOMAttrModified事件解决了这个问题。我在jQuery中使用以下代码： jQuery(...).attr({...});来触发以下内容： Event.observe(..., 'DOMAttrModified', ... );谢谢， Sty - Sty

Answer 1

你应该直接调用处理程序并传递所需的参数，或者触发原生DOM事件。

注意：Prototype的fire和jQuery的trigger创建自定义事件，而不是原生事件。

阅读以下答案以了解如何触发原生事件：

• 使用原型触发事件
• 无用户交互触发JavaScript事件

- Sergiy Sokolenko