$ .event.triggerが非DOMオブジェクトで起動しない

Question

var test = { } 
$(test).on("testEvent", function(){ 
    console.log("testEvent has fired"); 
}); 
$.event.trigger("testEvent"); 

jQueryを使用してイベントを使用してパブリッシュ/サブスクライブメカニズムを実行しようとしています。私は非DOMオブジェクトにイベントをアタッチし、それらをすべて単一のグローバルトリガーから起動できるようにする必要があります。上記のコードは動作すると期待していましたが、テストオブジェクトのtestEventの起動には至りませんでした。

イベントがサブスクライブされる複数のオブジェクトが存在することに注意してください。単一の$ .event.triggerはそれらのイベントのすべてを起動する必要があります。このコードが正常に動作することを

に注意してください：最近のブラウザで

$('#someID').on("testEvent", function() { 
console.log('testEvent has fired from DOM element'); 
}) 
$.event.trigger("testEvent"); 

Answer 1

。パブリッシュするために

$.Topic("message").subscribe(function() { 
    console.log("a publish has occurred"); 
}); 

以下が行われるイベントをサブスクライブするために

(function ($, window, undefined) { 
    var topics = {}; 

    jQuery.Topic = function (id) { 
     var callbacks, method, topic = id && topics[id]; 
     if (!topic) { 
      callbacks = jQuery.Callbacks(); 
      topic = { 
       publish: callbacks.fire, 
       subscribe: callbacks.add, 
       unsubscribe: callbacks.remove 
      }; 
      if (id) { 
       topics[id] = topic; 
      } 
     } 
     return topic; 
    }; 
}) 

：次のコードを使用することができるパブリッシュ/サブスクライブ機構を持つために（hereを発見）

$.Topic("message").publish(data); 

「メッセージ」はイベント名です。 data引数には、購読者に渡す情報が含まれています。私は最近、ベンAlmanのアプローチを使用し、それは素晴らしい仕事

$.Topic("message").unsubscribe(funcSubscribedToBefore); 

Answer 2

（私は右 read the source for Underscore.jsをしている場合）あなたがネイティブ非DOMオブジェクトにイベントをバインドすることができます。それ以外の場合は、アンダースコアの.bind関数のようなものを使用する必要があります。したがって、サポートする必要があるブラウザによって異なります。

編集：Underscore.jsで

[OK]を、用事、私は考えていたバインドがバックボーンと同じです。バックボーンにはイベントバインディングを実行する独自のイベントモジュールがあります。 jQueryの1.7は、パブリッシュ/サブスクライブのメカニズムを導入する簡単な方法を提供しているかのようにそれが表示されるいくつかの研究を行った後

binding events to dynamic objects in underscore/backbone

Answer 3

：あなたが加入した関数を渡す必要があります解除するために

！

/* jQuery Tiny Pub/Sub - v0.7 - 10/27/2011 
* http://benalman.com/ 
* Copyright (c) 2011 "Cowboy" Ben Alman; Licensed MIT, GPL */ 

(function ($) { 

    var o = $({}); 

    $.subscribe = function() { 
     o.on.apply(o, arguments); 
    }; 

    $.unsubscribe = function() { 
     o.off.apply(o, arguments); 
    }; 

    $.publish = function() { 
     o.trigger.apply(o, arguments); 
    }; 

}(jQuery)); 

使用法：

$.subscribe('eventName', function (event) { 
    console.log(event.value); 
}); 

$.publish({ type: 'eventName', value: 'hello world' }); 

詳細についてはhttps://gist.github.com/addyosmani/1321768を参照してください。