我的 jQuery 语法在这里错了吗？答案

【问题标题】：Is my jQuery syntax wrong here?我的 jQuery 语法在这里错了吗？
【发布时间】：2009-06-25 18:51:27
【问题描述】：

我正在学习 jQuery，但我发现这段代码不起作用：

<script type="text/javascript">
  $(document).ready(
    /* Navigtion Stuff */
      function(){
        $('.menu ul').hover(
          function(){
            $(this).parent().addClass("active");
          },
          function(){
            $(this).parent().removeClass("active");
          }
        )
      },
      function(){
        $(".menu").parents("li").addClass("active");
      }
    );
</script>

第一个函数做了它应该做的事情。第二个功能没有。我的语法不好吗？如果不是，那么我感觉我的代码与页面上的其他一些 Javascript 冲突。

提前致谢！

【问题讨论】：

是的！好吧，伙计们，你们帮了我很大的忙。谢谢！
JR，如果你得到了帮助，你应该接受一个答案，这样其他人投入的工作就不会白费。

标签： javascript jquery syntax

【解决方案1】：

你对括号有点困惑

 $(document).ready(
/* Navigtion Stuff */
  function(){
    $('.menu ul').hover(
      function(){
        $(this).parent().addClass("active");
      },
      function(){
        $(this).parent().removeClass("active");
      }
    );
    $(".menu").parents("li").addClass("active");
  }
);

更好。

【讨论】：

【解决方案2】：

ready 函数只需要一个参数。您正在尝试传递两个函数。

功能1：

function(){
    $('.menu ul').hover(
        function(){
            $(this).parent().addClass("active");
        },
        function(){
            $(this).parent().removeClass("active");
        }
    )
}

功能2：

function(){
    $(".menu").parents("li").addClass("active");
}

要将悬停事件绑定到$('.menu ul') 并将“活动”类添加到$(".menu").parents("li")，您应该这样做

$(document).ready(function() {
    /* Navigtion Stuff */
    
    $('.menu ul').hover(
        function(){
            $(this).parent().addClass("active");
        },
        function(){
            $(this).parent().removeClass("active");
        }
    );
    $(".menu").parents("li").addClass("active");
});

【讨论】：

很酷，但是缺少 func 主体周围的 'function() { ... }' 部分

【解决方案3】：

就绪函数只接受一个函数作为参数。有关示例，请参阅上面的帖子。

【讨论】：