線向上具有相同的事件名稱但不同的命名空間中的許多事件

Question

比方說，我有以下做作代碼：

function runTriggers() { 
    $(document).trigger('mytrigger.ns1'); 
    $(document).trigger('mytrigger.ns2'); 
    $(document).trigger('mytrigger.ns3'); 
    ... 
} 

我怎樣才能線了一個事件處理程序來監聽根本mytrigger，而不必擔心關於提及將來可能出現的每種類型的名稱空間觸發器？

我已經tried

$(document).on('mytrigger', doSomething); 

，但它不工作。

Answer 1

按照documentation for Namespaced Events：

$('.class').bind('click.namespace', function(){}); 
$('.class').trigger('click.namespace'); // Will trigger 
$('.class').trigger('click');   // Will trigger 
$('.class').trigger('click.other');  // Won't trigger 

所以你做作的代碼肯定不會工作，但你可以按如下反向邏輯：

$(document).on('mytrigger.ns1', doSomething1); 
$(document).on('mytrigger.ns2', doSomething2); 
$(document).on('mytrigger.ns3', doSomething3); 

然後：

function runTriggers() { 
    $(document).trigger('mytrigger'); // will trigger all three `doSomething` handlers. 
    ... 
} 

Answer 2

以下是一種解決方法，可以讓您關閉。首先，你的方法添加到字符串原型：

String.prototype.namespaces = function() { 
    var eventName = this + "."; 
    var args = Array.prototype.slice.call(arguments); 
    return eventName + args.join(" " + eventName); 
} 

然後，你可以可以綁定到多個命名空間使用.namespaces(namespace1, namespace2...)符號相同的事件：

$(function() { 

    $("#mydiv").on("someevent".namespaces("a","b"), function() { 
     alert("hello"); 
    }); 

    $("#mydiv").trigger("someevent.a"); 
    $("#mydiv").trigger("someevent.b");  
}); 

這裏有一個jsfiddle。