javascript - 我自己的工具提示中的 href

Question

我创建了自己的工具提示，是 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 中有一个链接时，它不起作用。我想做的是，只有当我们在外面点击时，工具提示才会关闭。但链接必须有效。有什么想法吗？

Answer 1

将您的第二个代码片段更改为以下内容:

$('#over-hat .over-box').click(function(e){
   return($(e.target).prop("tagName")=="A");
});

这将帮助 a 标签执行其默认操作，而其他标签则忽略该事件。