0

我在 div 中有一个锚元素。我正在听这两个元素的点击事件。当用户单击“a”元素时,我需要防止单击事件冒泡。但我需要保持锚点工作:用户必须被重定向到“href”页面:

HTML:

<div id="myDiv">
    <a id="myLink" href="www.website.com">Click me</a>
</div>

JS:

$("#myLink").click(function() {
    // DO SOME STUFF

    return false;   // To prevent bubble
});

// This event handler has to be called only when the user clicked inside the div, but outside the link
$("#myDiv").click(function() {
    // DO SOME STUFF
});

问题是用户没有被重定向到“www.website.com”。怎么能做到这一点?

4

1 回答 1

1

您没有正确阻止事件冒泡。

$("#myLink").click(function(e) {


    e.stopPropagation(); // this will prevent bubbling.
});

// This event handler has to be called only when the user clicked inside the div, but outside the link
$("#myDiv").click(function() {
    // DO SOME STUFF
});

您可以在此处阅读有关 event.stopPropagation() 的更多信息:http: //api.jquery.com/event.stopPropagation/

如果要重定向,则必须使用:

window.navigate('url-goes-here');
于 2013-11-05T16:39:48.557 回答