Question

我没有成功地将Jquery与Symfony一起使用。有关信息，我使用谷歌提供的Jquery链接。

在我的 twig文件中我有以下几行：

<!DOCTYPE html>
<html>
  <head>
     <title>my title</title>

     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
     <script src="{{ asset('/js/myjsfile.js') }}" type="text/javascript"></script>  

  </head>

  <body>
     <string class="changecolor red">HELLO<string>
  </body>

</html>

在我的 myjsfile.js 中我有以下几行： （文件在文件夹中：Symfony / web / js）

$(document).ready(function(){ 

        $(".changecolor").mouseenter(function(){
            $(this).addClass("blue");
        }
        $(".changecolor").mouseleave(function(){
            $(this).removeClass("blue");
            $(this).addClass("red");
        }
});

我的css文件工作正常，所以我不把它放在这里（只是.blue {color：blue};）

Answer 1

您还没有关闭事件方法括号。您的JavaScript代码应如下所示：

 $(document).ready(function(){ 
        $(".changecolor").mouseenter(function(){
            $(this).addClass("blue");
        });
        $(".changecolor").mouseleave(function(){
            $(this).removeClass("blue");
            $(this).addClass("red");
        });
    });

为什么你使用这么老的jQuery版本？为什么不使用CSS :hover选择器来实现此效果？

不能将Jquery与Symfony一起使用

1 个答案: