Question

HTML

<ul>
    <li class="first"><a href="#">Intro</a></li>
    <li><a href="#">Crew</a></li>
</ul>

CSS

.page-popup {
    z-index:500;
    position:absolute;
    left:345px;
    background:#fff;
    width:680px;
    height:325px;
    top:175px;
    display:none;
}

JavaScript的：

$('.first').click(function() {
    var onOff=false;

    if (onOff=false) {  
        $('.page-popup').fadeIn('slow', function() {
            // Animation complete
        });
        onOff = true;
    } else {
        $('.page-popup').fadeOut('slow', function() {

        }); 
        onOff = false;
    }
});

我正在尝试创建一个打开的关闭弹出效果。当他们点击链接弹出窗口淡入时，当我再次点击链接时，弹出窗口淡出。

*更新。我已经弄明白了如何让它发挥作用。我必须发出声明：

var onOff=false;

在页面加载时不是onclick正在执行，否则它总是重置它.......当然使用==进行比较：）

Answer 1

您的情况不正确if (onOff=false)。它应该是if (onOff==false)

希望这对你有用。

Answer 2

正如其他用户已经提到的那样，您必须将您的条件更正为if（onOff == false）您也可能希望阻止执行单击时的默认事件处理程序。将您的代码更改为

$('.first').click(function(event) {
    event.preventdefault();
    //rest of the code
}

这样可以防止不必要的页面滚动。

Javascript弹出并关闭

2 个答案: