将内联jquery移动到.js文件

Question

当我将内联的jQuery代码从模板移动到包含的.js文件时，所有显式函数仍然有效，但所有jQuery事件处理程序都停止工作，它们就不再做任何事了：

仍然有效：

function doit() {}

不再有效了：

$("#my_id").click(function () {
});

Answer 1

让我在评论中加一点：

这将起作用，因为首先加载jquery，然后加载你的js：

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="myJavascript.js"></script>

这不起作用，因为在读取自定义javascript时尚未加载jQuery：

<script type="text/javascript" src="myJavascript.js"></script>
<script type="text/javascript" src="jquery.js"></script>

不确定这是你的问题，但这是一个常见的错误，很多人都会这样做可能是解决方案。让我知道它是否解决了你的问题;）

Answer 2

要回答我自己的问题，我必须将.js文件包含在main-groovy-template中，但是在扩展主模板的模板中，然后才能工作。

Answer 3

你在“document.ready”中完成了吗？

e.g。

$(function() { //shorthand for document.ready


  $("#my_id").click(function () {

    //do something

  });


});