İşlevim

Question

tamamlandığında javascript (veya jquery) özel bir olayı tetikle JS'de iç içe geri aramalar yapmak yerine, kendi özel etkinliklerimi kullanmak ve dinlemek istiyorum. DOM'a erişmem ya da erişmek istemiyorum.

function doSomething(){ 
//... 
$.trigger('finished-doSomething'); //fire the event 'finished-doSomething' 
} 

//when the event 'finished-doSomething' is fired -> execute the function in the second param 
$.live('finished-doSomething', function(){ 
    alert("I finished-doSomething"); 
}); 

bunu yapmak mümkün olabilir mi normal javascript kodu ile veya jQuery gibi bir kütüphane ile: İşte bir örnek? Değilse, iç içe geri aranmalardan kaçınmak için iyi bir yaklaşım nedir?

Teşekkürler!

Answer 1

Bazı özel öğelerde, özel etkinlikleri document.body deyin.

// Subscribe 
$(document.body).on('nifty.event', function() { 
    // Handle it 
}); 

// Publish 
$(document.body).trigger('nifty.event'); 

Gratuitous live example | source

Ya da DOM'den tamamen ayrılmak için, birkaç tane pub/sub jQuery eklentisi vardır, like this one.

Answer 2

$('#foo').on('custom', function(event, param1, param2) { 
    alert(param1 + "\n" + param2); 
}); 
$('#foo').trigger('custom', ['Custom', 'Event']); 

Kaynak: http://api.jquery.com/trigger/