触发由不同实例设置的jQuery自定义事件

Question

有什么方法可以触发由其他jQuery实例设置的自定义事件？ 例如：

// Load version 1.9.1
...
jQuery191(document).on('customEvent', function () {console.log('Callback fired.')});

// Load version 1.6.2 and setup noConflict
...
jQuery162(document).trigger('customEvent');

虽然不建议加载库的多个版本，但是一个简单的用例是一个插件，如果当前实例的值低于预期，则该插件可插入特定版本的jQuery。 有什么建议么？

Answer 1

你真的应该照顾，如果你在页面上有不同的实例（即使相同的版本），因为这可能会导致意外的行为，并可能导致内存泄漏，例如，如果您删除与元素jQuery191有数据（ .data(...)或已存储与事件侦听器） jQuery162这将保留在内存中，直到你重新加载页面和其他方式轮。

但是回到您的问题。 我不推荐这样做，但您可以将事件加倍（在两个版本中都触发它）。 这种方法的问题在于它将减慢一切。 另一个问题是您有两个冒泡阶段。 因此，如果您在jQuery191阻止该事件，则该事件仍将在jQuery162执行， jQuery162 。

因此，这可能是一种适合您的解决方案，但也可能使情况变得更糟。 因此，您需要检查自己是否可以使用此解决方案。 可能您也可以删除其中一个加倍部分。

(function() {
    //keep the original functions
    var trigger191 = jQuery191.fn.trigger;
    var trigger162 = jQuery162.fn.trigger;

    jQuery191.fn.trigger = function( evt ) {
        trigger191.apply(this,arguments); //call orginal function

        //only double certain events
        if( evt == "my-custom-event" ) {
            var resultset162 = jQuery162(jQuery191.makeArray( this ));//create a ne result set of the 162 version
            trigger162.apply(resultset162,arguments); //call the original function of 162 to avoid an endless loop
        }
    };

    jQuery162.fn.trigger = function(evt) {
        trigger162.apply(this,arguments); //call orginal function

        //only double certain events
        if( evt == "my-custom-event" ) {
            var resultset191 = jQuery191(trigger162.makeArray( this ));
            trigger191.apply(resultset191,arguments); //call the ofiginal function of 191 to avoid an endless loop
        }
    };

})();

（我希望代码能这样工作。我很确定它应该工作，但是现在无法测试）