Question

当我的浏览器为iPhone运行以下代码时，我收到一个SyntaxError：Parse Error：

if (window.innerWidth && window.innerWidth <= 480) {
    $(document).ready(function(){
        $('#usernav ul').addClass('hide');
        $('#usernav').append('<div class="leftButton"
        onclick="toggleMenu()">Menu</div>');
    });
    function toggleMenu() {
        $('#usernav ul').toggleClass('hide');
        $('#usernav' .leftButton').toggleClass('pressed');
    }
}

我是所有这些（编程，编程语言等）的新手，但我想知道这个错误是否是因为我在浏览器中查看我的网站而引起的。

我注意到当我拖动浏览器的窗口以使查看宽度减小时，我的样式会随着宽度的减小而降低。大多数网站（包括SO似乎）都不允许在浏览器中出现这种降级，所以我想我的问题是：

我的JavaScript中的错误是什么
阻止浏览器降级的最佳方法是什么？

希望这是有道理的。也许降级与JavaScript无关，但由于它与我有关，我想问。

编辑：我已更新代码以关闭append，但我仍然在$('#usernav').append('<div class="leftButton"行收到错误。我的IDE说“未终止的字符串文字”。

Answer 1

Javascript可以以分号或换行符结尾。当你输入一个新行时，你就提前结束了你的陈述。把声明放在一个整行上。

Answer 2

问题在于：

$('#usernav').append('<div class="leftButton"
    onclick="toggleMenu()">Menu</div>;

你没有关闭.append('。你想要这个：

$('#usernav').append('<div class="leftButton" onclick="toggleMenu()">Menu</div>');

Answer 3

$('#usernav').append('<div class="leftButton" onclick="toggleMenu()">Menu</div>;');

我猜你忘了用括号和分号关闭函数append()。：）

帮助解决SyntaxError：Parse错误

3 个答案: