Backbone.js ve jQuery ile olay bağlama tıklamaları

Question

Bir menüyü değiştirmek için backbone.js -view'de iki olayı bağlamalıyım. Buradaki fikir şudur: #toggler kimliğine sahip bir düğme tıklandığında menü appers ve #menu öğesinin dışındaki herhangi bir tıklama menüyü gizleyecektir.

Maalesef, #menu öğesinin üzerine tıklattıysam da, her tıklamada outsideMenuHandler() çağrılmadan omurganın olay ciltlemesi ile çalışamıyorum.

Bu işi yapmak için neleri değiştirmeliyim?

:

myView = Backbone.View.extend({ 

    events: { 
     'click #menu': 'insideMenuHandler', 
     'click':  'outsideMenuHandler' 
    } 

    insideMenuHandler: function(e) {}, // Called when clicking #menu 
    outsideMenuHandler: function(e) {} // Called on every click both on and off #menu 

} 

Sadece bir referans olarak, burada ben yalnız jQuery kullanarak böyle yapardı:

Bu

ben istendiği gibi çalışmıyor, hangi backbone.js yapmış budur

$(document).click(function(event) { 
    if ($(event.target).closest('#menu').get(0) == null) { 
     $("#menu").slideUp(); 
    } 
}); 

Answer 1

Ayıklamak için ihtiyacınız olan birkaç şey var. Her şeyden

Öncelikle insideMenuHandler döner false veya sonra outsideMenuHandler#menu tıklamalar için çağrılmadığı olmaz e.stopPropogation() çağırırsa. Örneğin:

http://jsfiddle.net/ambiguous/8GjdS/

Ama bu senin bütün sorun değil. outsideMenuHandler numaranız yalnızca görünümünüze yapılan tıklamalar için çağrılır; Bu nedenle, birisi sayfanın görünümünüzün dışına tıklarsa, outsideMenuHandler numaranız aranmaz ve menünüz aşağı inmez. Birisi #menu dışında herhangi bir yere tıkladığında menüyü aşağı gitmek istiyorsanız, o zaman body el ile bağlamak ve görünümünüzün yok olduğunda el ile açmak zorunda kalacaksınız. Böyle bir şey:

ve sonra görünümünüzü düzgün şekilde kaldırdığınızdan emin olun. Örneğin:

http://jsfiddle.net/ambiguous/MgkWG/1/

Answer 2

Sorun, olayınızı görünüm elçisi olarak tanımladığınız DOM öğesine bağlamanızdır. Bu, jquery örneğinizde olduğu gibi window.document değilse, bunların dışında herhangi bir tıklama fark edemezsiniz. Örneğinizdeki en kolay yol, olayları jquery ile elle oluşturmak ve omurga ile değil.