我创建了自己的工具提示,是 1 个全屏 div.over-bg
和屏幕中间的 1 个小 div div.over-box
:
<div class="over-bg" id="over-hat">
<div class="over-box">
<a href="">link</a>
</div>
</div>
和 JS 让它显示和隐藏:
$('.over-bg').click(function(){
$('.over-bg').fadeOut();//hidding when we click outside .over-box
});
$('#over-hat .over-box').click(function(){
return false;// do nothing when we click into .over-box
});
一切正常,但是当我在 div.over-box
中有一个链接时,它不起作用。我想做的是,只有当我们在外面点击时,工具提示才会关闭。但链接必须有效。有什么想法吗?
最佳答案
将您的第二个代码片段更改为以下内容:
$('#over-hat .over-box').click(function(e){
return($(e.target).prop("tagName")=="A");
});
这将帮助 a
标签执行其默认操作,而其他标签则忽略该事件。
关于javascript - 我自己的工具提示中的 href,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19712285/