2015-09-12 58 views
0

我發現這jsfiddle code,我需要它,我想嘗試在我的PHP文件,但它不起作用,而它是相同的代碼,我只是複製和粘貼,我什麼都不改變,但它仍然不起作用。這jQuery代碼不起作用?

我的代碼:

<!DOCTYPE html> 
<?php 
?> 
<html> 
<head> 
    <title></title> 
    <script> 
     $("#update").click(function() { 
      $("#counter").html(function(i, val) { 
       return val*1+1 
      }); 
     }); 
    </script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.jss"></script> 
</head> 
<body> 
    <button id="update" type="button">Click Me</button> 
    <div id="counter">10</div> 
<?php 

?> 
</body> 
</html> 

請告訴我我的錯。任何幫助,將不勝感激!

+0

你可以改變jquery.min.jss到jquery.min.js – Satya

+0

添加點擊功能來記錄準備 – MACMAN

回答

0
<!DOCTYPE html> 
<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $('#target').click(function() { 
    $('#output').html(function(i, val) { return val*1+1 }); 
}); 
}); 
</script> 
</head> 
<body> 

<button id="target" type="button">Click Me</button> 
<div id="output">10</div> 

</body> 
</html> 
+0

令人驚歎。你做了什麼?它現在有效。我的錯是什麼? –

+0

在'「>中對'和其他''應該在google jquery cdn之後,並且您必須定義'$(document )' –

+0

我改變了jss給js,就像@Sjon說的,但並沒有奏效。好吧,我會繼續找到錯誤。順便說一句,謝謝Gaurang。 –

3

你應該真的能夠自己調試。打開你的JavaScript控制檯,並注意它說ReferenceError: $ is not defined。這意味着jquery沒有加載。現在看看你放在腳本src中的URL。爲什麼它以.jss結束?你在那裏有一個錯字。

如果你改正你仍然會得到相同的錯誤。爲什麼?因爲在包含它之前使用jquery。所以把之前包含的jquery庫定義爲的自定義代碼。

現在,它仍然無法正常工作。爲什麼?因爲您在加載DOM之前附加了一個事件;所以當你的腳本被處理時,按鈕不存在!所以看看http://api.jquery.com/ready/,你應該知道該怎麼添加,包裝內$(function() {...})您的JavaScript,你是好去

+1

那是如此的精確 – guradio

+0

我已經改變成了代碼,而不是jss了,但仍然不起作用。我試圖下載腳本js 1.4.4,並將其放入我的代碼中,如,但仍然無效。 –

1

也許它只是在jquery.min.jss

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

一個錯字就必須jquery.min.js

或者你把你的JavaScript放在jquery引用之前。