簡單的jQuery效果不起作用

我在www.littlewebhut.com網上發現了這個代碼，並且有一個視頻和一個解釋。我複製了代碼，但唯一的是，它不能在我的電腦上運行。我在幾個不同的地點嘗試了幾臺電腦，但它仍然無法工作。我可能做錯了什麼？我救了javascript代碼爲my_code.js簡單的jQuery效果不起作用

jQuery(document).ready(function($) {}) 
 
    $("h1").click(function() { 
 
    $("h2").hide(1000); 
 
}); 
 
});

h2 { 
 
    background-color: orange; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h1>Click Me</h1> 
 
<h2>Heading two</h2> 
 
<h3>Heading three</h3>

來源

2017-03-06 shunasammy

你還保存了jQuery庫（jquery-1.8.0.min.js）嗎？ –

擴展Patrick的評論，你可能只需要指向CDN的jquery，享受 – abc123

謝謝！什麼是CDN，我如何指向它？我很抱歉，這聽起來很愚蠢。 – shunasammy

很少有錯別字在代碼的第一行 - (function($) {})。

Typo1 - 你度過了一個錯誤的參數（$）
Typo2 - 您已關閉功能太早

jQuery(document).ready(function() { 
 
    $("h1").click(function() { 
 
    $("h2").hide(1000); 
 
    }); 
 
});

h2 { 
 
    background-color: orange; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<h1>Click Me</h1> 
 
<h2>Heading two</h2> 
 
<h3>Heading three</h3>

來源

2017-03-06 18:54:50

期待downvoters的任何解釋。 –

感謝您的回答！我編輯過它們，但它仍然不起作用。 :( – shunasammy

打開Web控制檯（在Firefox上按Ctrl + Shift + K），看看它給你什麼..有可能你沒有jQuery.js？ – wadie

謝謝大家的幫助！ jQuery鏈接中存在拼寫錯誤。

來源

2017-03-06 20:10:53 shunasammy

簡單的jQuery效果不起作用

回答

相關問題