Question

我的整个div是可单击的，将更改页面。但是，在我的div中，我还有一个可点击的元素，但是应该优先考虑，因为它会停留在页面上。

基本上，我正在网上商店里工作。点击一个div将会转到包含所需数据的新页面。但是，div包含一个可点击的图像，该图像将该项目添加到了愿望清单。

在下面的代码中，child指的是我整个可单击的div，而我的wishElement是指可指的我的愿望清单的图像。

            $('#' + 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;
});

Answer 2

我的问题已通过上面的代码解决，但是

ev.stopPropagation（）;

必须在我的wishElement内才能工作。

因此，感谢您的帮助！

JS / JQUERY如何在同一DIV中优先考虑按钮单击

2 个答案: