Question

我有一个jQuery代码，当我将其插入到正文中的脚本标记内时，它可以正常工作。但是当我将它插入head标签或将其作为js文件包含时，它不起作用。

Answer 1

根据您的描述判断，您很可能忘记将脚本放入$(document).ready函数：

$(function() {
    // put your code here
});

然后，您可以将其放在页面上的任何位置（head，body，外部脚本，...）。

Answer 2

任何放在头部的脚本代码都不应该自动执行。除非被事件监听器调用。因此，如果您将代码放在head部分中，那么它只是一个等待在通话中执行的功能。可以在document.ready（）事件处理程序或来自用户的任何其他事件调用中提及此代码。

Answer 3

尝试这些格式

<html>
<head>
<script>
 $(document).ready(function()    {
        $('#arrow img').click(function()    {
            transferEmp('test');
        });
 });
</script>
<body>
<!-- other tags -->
<script>
 $(document).ready(function()    {
        $('#arrow img').click(function()    {
            transferEmp('test');
        });
 });
</script>
<script src="test.js" type="text/javascript"></script>
</body>
</html>

放在head标签中时，jQuery代码不起作用

3 个答案: