Javascript 即使我'；你有链接吗？

我目前正在处理一个jQuery对话框，我遇到了一个问题。以下是我的JavaScript代码：

$(function() {
    $('.overlay-trigger').click(function()
    {
        $('#expose-mask').fadeIn(function()
        {
            $('.overlay-box').css({'display':'block'});
        });
    });
    $('.overlay-box-closer, #expose-mask').click(function()
    {
        $('.overlay-box, #expose-mask').css({'display':'none'});
    });
});

我的HTML代码：

<div id="footer">
    <div class="wrapper">
        <ul>
            <li>
                <a id="help" class="overlay-trigger" href="help.php">Help</a>
            </li>
        </ul>
        <span id="footer-copyright">
            <a href="./..">Coded by Dylan.</a>
        </span>
    </div>
</div>
<div class="overlay-box">
    <div class="overlay-box-container">
        <span class="overlay-box-closer" title="Close the overlay"></span>
        <h1 class="big-title">Help</h1>
        <p>Your privacy is important to us. To better protect your privacy we provide this notice explaining our online information practices and the choices you can make about the way your information is collected and used. To make this notice easy to find, we make it available in our footer and at every point where personally identifiable information may be requested.Log files are maintained and analysed of all requests for files on this website's web servers. Log files do not capture personal information but do capture the user's IP address, which is automatically recognised by our web servers.</p>
    </div>
</div>
<div id="expose-mask" style="display: none;"></div>

如您所见，在我的链接

中，我有我的href和我的类

覆盖触发器

，它们执行覆盖的打开。如果我把#放在我的href中，覆盖会很好地打开：

我想把我的“帮助”文本的链接，但当我点击链接，覆盖没有打开，我直接重定向到链接。我想，即使有一个链接，覆盖打开无论如何。如本例所示：（单击“隐私政策”文本）

---

谢谢。

使用以下方法防止默认行为：

.overlay-box
{
    background-color: #FFFFFF;
    display: none;
    position: fixed;
    top: 40%;
    right: 0;
    left: 0;
    z-index: 3;
    width: 50%;
    margin: 0 auto;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 7px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 7px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 7px;
}

.overlay-box-container
{
    margin: 20px;
}

#expose-mask
{
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}

$('.overlay-trigger').click(function(event){
    event.preventDefault(); 
    $('#expose-mask').fadeIn(function(){
        $('.overlay-box').css({'display':'block'});
    });
});