Question

$(document).on('click', '.popBox', function(){
    //get a href url and load content into popBox

    $('.close').click(function(){
        //close popBox
    });

    return false;//disable href go next page
});

我有<a>，当用户点击时，popBox将打开并从href的网址加载内容。

我把return false设为禁用href转到下一页。

我的问题是，当我关闭popBox并尝试再次点击<a>时，它保持为false并且popBox不会再次打开，是否可以将其关闭？

Answer 1

您应该使用e.preventDefault();来停止链接转到页面。

我相信你也想添加某种切换来打开和关闭同一个功能中的弹出窗口。而不是在其中有另一个点击功能来关闭。

您可以使用active课程执行此操作。一个例子如下：

<强> JQuery的

$(document).on('click', '.popBox', function(e){
    //prevent default behavior
    e.preventDefault();
    $('.your-pop-box').toggleClass('active');
});

<强> HTML

<a href="http://www.google.co.uk" class="popBox">Fire The Pop up</a>
<div class="your-pop-box">
    <p>Pop up content.</p>
    <p>Pop up content.</p>
    <p>Pop up content.</p>
</div>

<强> CSS

.your-pop-box {
    display: none;
}
.your-pop-box.active {
    display: block;
}

<强> Here is a Demo

将href false返回true

1 个答案: