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

如何在jQuery中删除冒泡效果？

1 个答案: