как stopPropagation в Backbone.js

Question

Мой HTML-код, как это:

<li data-id="<%=p.id %>" data-len="<%=products.length %>" data-count="<%=count %>"> 
    <div class="pro_list_imgbox"> 
     <img src="" /> 
    </div> 
</li> 

и мой JS код выглядит так:

events: { 
      'click .pro_list_imgbox': 'loadPic', 
      'click li[data-id]': 'detailHandler' 
     }, 

loadPic: function (e) { 
      var target = $(e.target), 
       pic = target[0].nodeName === 'IMG' ? target : target.find('img'); 

      if (!pic.data('loadState')) { 
       e.stopPropagation(); 
       if (e.isPropagationStopped()) { 
        alert('stoped'); 
       } 
       pic.attr('src', pic[0].src += '?t' + new Date().getTime()); 
      } 

     }, 

detailHandler: function (e) { 
      alert('haha'); 
     }, 

Я вызывается e.stopPropagation() в функции loadPic, когда я нажимаю элемент img, и он называется успешно. Но почему detailHandler все еще извинялся и предупреждал «ха-ха». Как я могу исправить эту проблему?

Answer 1

Похоже, вы находитесь почти в правильном направлении. Пожалуйста, проверьте, не решены ли следующие проблемы:

events: { 
      'click .pro_list_imgbox': 'loadPic', 
      'click li[data-id]': 'detailHandler' 
     }, 

loadPic: function (e) { 
      var target = $(e.target), 
       pic = target[0].nodeName === 'IMG' ? target : target.find('img'); 

      if (!pic.data('loadState')) { 
       pic.attr('src', pic[0].src += '?t' + new Date().getTime()); 
      } 
      //this return statement will not allow the event to propagate to the parent element. 
      return false; 

     }, 

detailHandler: function (e) { 
      alert('haha'); 
     },