javascript - JS/JQUERY如何优先点击同一个DIV中的按钮

Question

我的整个 div 都是可点击的，并且会更改页面。然而，在我的 div 中，我有一个也可以点击的元素，但应该优先考虑它，因为它保留在页面上。

基本上，我正在开一家网上商店。单击 div 将转到包含所请求数据的新页面。但是，该 div 包含一个可单击的图像，可将项目添加到愿望 list 中。

在下面的代码中，child 指的是我的整个可点击 div，而我的 WishElement 是指我的愿望 list 的可点击图像。

            $('#' + wishElement).click(function() {
          window.location.href = "http://website.com/index.php?wish=" + child;
        });

        $('#' + child).click(function(){
          window.location = "http://website.com/item.php?item=" + child + '&name=' + itemname +  '&link=' + link;
        });

Answer 1

使用event.stopPropagation();来阻止你的子事件冒泡:

$('#' + child).click(function(ev){
    ev.stopPropagation();
    window.location = "http://website.com/item.php?item=" + child + '&name=' + itemname +  '&link=' + link;
});