javascript - 如何消除 jQuery 中的冒泡效果？

Question

我正在制作一个演示，其中有一行，上面有翻转按钮。我希望仅当用户单击该行时才会显示警报。但有时当用户点击翻转按钮时它会显示警报？ http://jsfiddle.net/9mLEj/9/

$(document).ready(function(){

    $('#rowClick').click(function(){
     alert('--')   
    })


})

Answer 1

您可以使用e.stopPropagation() 防止事件在 DOM 树中冒泡:

$(document).ready(function () {
    $('#rowClick').click(function () {
        alert('--')
    })

    $('#sliderClick').click(function (e) {
        e.stopPropagation();
    })
})

Updated Fiddle

<小时/>

看起来 jQuery mobile 已经改变了您的 HTML 标记的结构，试试这个:

$(document).ready(function () {
    $('#rowClick').click(function () {
        alert('--')
    })

    $('#rowClick .ui-slider').click(function (e) {
        e.stopPropagation();
    })
})

<强> Updated Fiddle