2014-10-08 90 views
-4

我無法在此代碼中找到錯誤。 它沒有正確鏈接JQuery文件。請幫助。 這裏是我的html文件:我無法將jquery文件鏈接到我的html

<html> 
<head> 
<link rel='stylesheet' type='text/css' href='index.css'> 
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 
<!--<script type="text/javascript" src="F:\Rushikesh\Project\Final\index.js"></script>--> 
</head> 
<header>Web Development Tutorial</header> 
    <body>. 
     <div class="formDiv"> 
      <button id="btn1">Submit</button><br /> 
      <p id="panelCnt">You have clicked submit button <span id="Cnt">0</span> times.</p> 
     </div>     
    </body> 
</html> 

這是index.js文件:

$(document).ready(function() { 
     $('#btn1').click(alert("you clicked")); 
}); 
+0

你不能用本地存在,但只上 - 你 - 硬盤這樣的鏈接,特別是如果你通過加載此網絡服務器。並且由於該腳本塊已被註釋掉,所以無論如何你都不能真正鏈接到任何東西。 – 2014-10-08 19:09:32

+3

你已經包含了jQuery-UI。請使用此鏈接加載jQuery - http://code.jquery.com/jquery-1.11.1.min.js – divyenduz 2014-10-08 19:10:10

+1

@MarcB我相信他指的是上面的那一行。 – 2014-10-08 19:10:16

回答

0

你想改變你的代碼。在HTML文件中,你已經包含了「jquery-ui.js」。請使用此鏈接代替 - code.jquery.com/jquery-1.11.1.min.js - divyenduz

這將使這樣的(在代碼第4行的變化)代碼

<html> 
<head> 
<link rel='stylesheet' type='text/css' href='index.css'> 
<script type="code.jquery.com/jquery-1.11.1.min.js"></script> 
</head> 
<header>Web Development Tutorial</header> 
    <body>. 
     <div class="formDiv"> 
      <button id="btn1">Submit</button><br /> 
      <p id="panelCnt">You have clicked submit button <span id="Cnt">0</span> times.</p> 
     </div>     
    </body> 
</html> 

的index.js文件會發生變化,發送一個匿名函數來點擊: -

$(document).ready(function() { 
    $('#btn1').click(function(){ 
     alert("you clicked"); 
    }); 
}); 

同樣,歡迎來到StackOverflow社區。請參考https://stackoverflow.com/help瞭解如何回答正確的問題以避免反對票。

感謝

編輯: - 檢查這一點 - http://jsfiddle.net/的工作代碼

相關問題