javascript - 带有自定义事件的 jQuery 触发器()？

Question

我正在处理一些类似以下的代码(由其他人编写):

var _layoutRoot = $("#whatever");

eventName = 'CopyArticle';
eventData = { targetArticleIds: selectedArticleIds, targetCategoryIds: selectedCategoryIds };

// fire the event
if (eventName) // null is unexepcted here
    _layoutRoot.trigger(eventName, eventData);

我只是不太了解这意味着什么。

我可以看到 trigger 导致指定的事件发生。但是从什么时候开始有 JavaScript CopyArticle 事件呢？这是一个有效的事件，将如何处理？

Answer 1

只需将您的自定义事件附加到带有on 的元素。要触发事件，请使用 trigger。您可以使用数组将额外参数传递给触发器函数。

HTML

<div id="test"></div>

JS

$("#test").on("customEvent", function(e,msg){
  alert(msg);
});
var dataToPass = "This is a msg";
$("#test").trigger("customEvent", [dataToPass]);

JS fiddle : http://jsfiddle.net/85wjt/1/