放在head標簽中時，jQuery代碼不起作用

Question

我有一個jQuery代碼，當我將其插入到體內的script標簽內時可以使用。 但是，當我將其插入到head標記中或將其作為js文件包含在內時，它不起作用。

Answer 1

從您的描述來看，您很可能忘記了將腳本放入$(document).ready函數中：

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

然后，您可以將其放置在頁面上的任何位置（ head ， body ，external script等）。

Answer 2

放在頭中的任何腳本代碼都不應自動執行。 除非由事件偵聽器調用。 因此，如果您將代碼放在頭部分中，它只是一項功能等待在調用時執行。 可以按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 個解決方案

解決方案1
6 已采納 2010-07-15 07:01:14

解決方案2
0 2010-07-15 07:05:38

解決方案3
0 2010-07-15 07:07:08

放在head標簽中時，jQuery代碼不起作用

問題描述

3 個解決方案

解決方案1 6 已采納 2010-07-15 07:01:14

解決方案2 0 2010-07-15 07:05:38

解決方案3 0 2010-07-15 07:07:08

解決方案1
6 已采納 2010-07-15 07:01:14

解決方案2
0 2010-07-15 07:05:38

解決方案3
0 2010-07-15 07:07:08