javascript - JQuery 代码语法问题？ ("Inline control structures are not allowed")

Question

我有一些 JQuery 可以为响应式设计创建移动菜单。我通过代码嗅探器运行了代码，它告诉我“不允许内联控制结构”。

有问题的代码区域是:

 else {
    $('#main-menu li').each(function () {
      if ($(this).children('ul').length)
        $(this).append('<span class="drop-down-toggle"><span class="drop-down-arrow"></span></span>');
    });

...上面的具体行是:

if ($(this).children('ul').length)

我尝试在 Google 上搜索“Jquery 内联控制结构”，但没有找到太多结果。

这是 entire function 的粘贴箱以供引用。我猜代码可以改写，但我没有引用来更改它。该代码实际上有效，所以我不确定它本身是否一定是语法错误。

Answer 1

它可能希望你使用大括号:

else {
    $('#main-menu li').each(function () {
      if ($(this).children('ul').length) {
        $(this).append('<span class="drop-down-toggle"><span class="drop-down-arrow"></span></span>');
      }
    });

在 if 和 else 中使用大括号总是更安全。它永远不会引起问题，并且偶尔可以防止意外错误(通常是在以后编辑代码时)。