javascript - 未捕获到的SyntaxError:其他意外 token ，已卡住

因此，我正在制作一个具有幻灯片切换功能的导航菜单。我希望在菜单打开时隐藏切换按钮，但我仍然希望它占据空间以免弄乱格式。

我的JavaScript代码如下：

(function() {
$('.menu-toggle').bind('click',function() {
                $('body').toggleClass('menu-open');
                if ($('body').hasClass('menu-open') == true) {
                    $('.outside-toggle').style.visibility = "hidden";
                else
                    $('.outside-toggle').style.visibility = "visible";
                };
    return false;
});

}）（）;

我尝试了许多不同的语法约定，但它们似乎都不起作用。我收到错误“未捕获的SyntaxError：其他意外令牌”

任何帮助，将不胜感激。

最佳答案

更改

if ($('body').hasClass('menu-open') == true) {
    $('.outside-toggle').style.visibility = "hidden";
else
    $('.outside-toggle').style.visibility = "visible";
};

至

if ($('body').hasClass('menu-open')) { // == true is useless
    $('.outside-toggle')[0].style.visibility = "hidden"; // missing [0]
} else { // <------ HERE THE MISSING BRACES
    $('.outside-toggle')[0].style.visibility = "visible"; // style is a property of a DOM element, not of a jquery object
}

或更好：

$('.outside-toggle').css('visibility', $('body').hasClass('menu-open') ? "hidden" : "visible");

关于javascript - 未捕获到的SyntaxError:其他意外 token ，已卡住，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30443034/