使用HTML5加載jQuery問題Boilerplate/CodeIgniter

我剛開始在我的筆記本電腦上安裝了一個xampp服務器。我已經下載了html5boilerplate-codeigniter代碼並將其放到我的xampp服務器上的相應目錄中，並在apache中設置了一個虛擬目錄以方便瀏覽器訪問。使用HTML5加載jQuery問題Boilerplate/CodeIgniter

我想嘗試一個簡單的jQuery代碼片段（我以前從未使用過jQuery），所以我從codeigniter中取出了一個視圖文件，並在文件中放置了一些jQuery教程代碼。我把代碼：

<a href="http://jquery.com/">jQuery</a> 
<!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> --> 
<script> 
$(document).ready(function(){ 
$("a").click(function(event){ 
alert("As you can see, the link no longer took you to jquery.com"); 
event.preventDefault(); 
}); 
}); 
</script>

我註釋掉調用jQuery的監守我的理解是，html5boilerplate已經加載jQuery的。然而，點擊jQuery鏈接直接將我帶到jquery頁面。當我取消對jQuery的調用時...我收到警報。這告訴我，樣板不會加載jQuery。這是否準確？

相關網頁的代碼是在這裏：http://pastebin.com/VfVgbpFY

我知道線146（SRC = // AJAX），並有增加HTTP：到src屬性，但是，同樣的結果......不警報。

我在做什麼錯誤，jQuery不會加載。它位於樣板模板的末尾，以加快頁面加載速度（根據文檔）......但是它甚至加載了所有內容，還是我正在處理所有錯誤？

感謝您的幫助！非常感謝。

來源

2011-10-14 ClaytonDaniels

您可以上傳完整的示例頁面以供大家觀看嗎？ –

任何控制檯錯誤？ –

jQuery被加載到頁面的底部，並且腳本正在它上面的內容區域加載。你是正確的使用$(document).ready()，但$甚至還不存在，所以它仍然無法正常工作。您需要將代碼放入外部文件並在加載jQuery後調用。

來源

2011-10-14 15:34:58

將代碼添加到我的script.js文件（由html5樣板文件提供）並且它可以工作。我應該已經意識到了這一點！謝謝你的幫助。 – ClaytonDaniels

使用HTML5加載jQuery問題Boilerplate/CodeIgniter

回答

相關問題