Question

我已经学习了一个多月的javascript，这是我第一次遇到砖墙，无法弄清楚为什么有些东西没有运行。

我正在尝试使用div按钮单击时浮动到侧面的水平菜单。一切正常，直到初始循环结束，当contactSec div处于活动状态时点击“next”，初始homeSec div只是拒绝浮回到视图中。

$( next ).click(function() {
if (homeSec.style.display == "block") {
    $(homeSec).animate({left: "-1900px", opacity: 0}, 1000).queue(function() {   
        displayOff()
        displayAbout()
        $(aboutSec).animate({left: "0px", opacity: 1});
        });
} else if (aboutSec.style.display == "block") {
        $(aboutSec).animate({left: "-1900px", opacity: 0}, 1000).queue(function() {
        displayOff()
        displayContact()
        $(contactSec).animate({left: "0px", opacity: 1});
        });
} else if (contactSec.style.display == "block") {
        $(contactSec).animate({left: "-1900px", opacity: 0}, 1000).queue(function() {
        displayOff()
        displayHome()
        $(homeSec).animate({left: "0px", opacity: 1});
        });
}
});

displayOff（）;将显示设置为“none”并将style.left重置为“1900px”和displayHome（）;将style.display设置为“block”。

现在，当我手动将代码手动复制并粘贴到控制台时，homeSec div浮动到视图中就好了，但是当我在contactSec之后单击下一个按钮时不会发生这种情况。它只是卡在屏幕的边缘。

jQuery最后一行拒绝运行

0 个答案: