2012-11-20 20 views
5

फायरिंग नहीं है बैकबोन स्क्रॉल ईवेंट आग नहीं लगेगा। क्लिक इवेंट और jquery संलग्न स्क्रॉल काम करता है। http://jsfiddle.net/cX2UV/रीढ़ की हड्डी स्क्रॉल घटना

js

var TView = Backbone.View.extend({   
    events: { 
     'scroll .content': 'loadMore', 
     'click .code': 'codeClick' 
    }, 

    loadMore: function() { 
     this.$el.append('<p>backbone scrolling</p>'); 
    }, 

    codeClick: function() { 
     this.$el.append('<p>clicking</p>'); 
    } 
}); 

new TView({ el: '.target' }); 

$('.content').scroll(function(){ $('.target').append('jq scrolling...'); }); 

एचटीएमएल

<div class="target"> 
<div class="content"> 
    <div> 
     <span class="text">text</span> 
     <span class="term">termmm</span> 
     <span class="codes"><span class="code">12345</span></span> 
    </div> 
    <div> 
     <span class="text">text</span> 
     <span class="term">termmm</span> 
     <span class="codes"><span class="code">12345</span></span> 
    </div> 
</div> 
</div> 

सीएसएस

body {margin:1em;} 
.content {background:#EEE; height: 200px; overflow: scroll;} 
.code{color:#00c} 

उत्तर

8

एक चयनकर्ता बैकबोन के साथ एक दृश्य पर घटनाओं बाध्यकारी जब का उपयोग करता है jQuery के delegate: यहाँ के रूप में अच्छी तरह से एक बेला है। जैसा कि an answer to this question में देखा गया है, scroll ईवेंट doesn't bubble up इसलिए हैंडलर इसका जवाब नहीं दे सकता है।

संबंधित मुद्दे