javascript - jQuery stopPropagation 无效

Question

我完全被难住了，我查看了很多类似的问题，但我不明白为什么这个点击事件不断传播。

这是代码:

$("#view-radio").buttonset().bind('click', function(e) {
            redraw(Testimonials);
            e.stopPropagation();
        });

这是单选按钮

<div id="view-radio" class="i-obj buttonset">
  <input type="radio" id="gridradio" name="view-radio" checked="checked" value="grid" />
    <label for="gridradio"> <img src="http://SwolePersonalTraining.com/beta/wp-content/themes/striking/images/gridview.jpg" class="icon">Grid View</label>
 <input type="radio" id="listradio" name="view-radio" value="list" />
    <label for="listradio"><img src="http://SwolePersonalTraining.com/beta/wp-content/themes/striking/images/listview.jpg" class="icon">List View</label>
</div>

您可以在此处找到正在运行的页面:http://swolepersonaltraining.com/beta/?page_id=380

这是完整的代码:http://swolepersonaltraining.com/beta/wp-content/themes/striking/js/custom/custom_testimonial.js?ver=3.1.3

有什么想法吗？

Answer 1

我不能发誓，因为很难在您的实时网站中进行测试，但我认为发生的情况是您绑定(bind)了 view-radio 的 click 事件> div 而不是其中的两个单选按钮。

我会尝试这样的事情:

$("#view-radio").buttonset().     // Turn radio buttons of the div in a buttonset 
    find('input').bind('click',   // Bind the click event of each of the two radios
    ....

编辑:

是的!有用! http://jsfiddle.net/marcosfromero/TDsrj/

并且不需要stopPropagation(阅读其他答案以了解原因)。