2011-01-27 47 views
1

我得到了我的靜態HTML(5)文件與jQuery(最新版本),沒有任何我試圖讓我的jQuery代碼運行。事件和其他東西一般不起作用

起源HTML

<!DOCTYPE html> 
<html> 
<head> 
<title>BynGame</title> 
<script type="text/javascript" src="/js/libs/jQuery.js"></script> 
<script> 
$(document).ready(jInit); 
function jInit(){ 
    $.('#thebutton').click(function() { alert("HIT THE WALL");}); 
} 
</script> 
</head> 

<body> 
<div><span>{{ login }}</span></div> 
<div class="navbar"> 
<a href="/"><span>Home</span></a> 
<a href="/submit"><span>Neuen Eintrag erstellen</span></a> 
<a href="/all"><span>Channel&#252;bersicht</span></a> 
<a href="/register"><span>Registrieren</span></a> 
</div> 
<div> 
<span id="thefield"></span> 
<br /> 
<div id="hitme">Click Me or Hit Me</div> 
<div id="blu" style="background:blue;"> 
<button id="thebutton" type="submit"> 
Push The Button!  
</button> 
</div> 
</div> 
</body> 
</html> 

我檢查W3C.org和它發生NO驗證錯誤。 (即使沒有相關的警告)

現在改變$.(document).ready(jInit)$.(document).ready(jInit())沒有區別。

  • 在 之前或之後添加.ready() jInit()不影響代碼。
  • 將不同的東西放入 jInit()不影響代碼。
  • 更名jInit()別的東西....
  • 使用不同的jQuery裁判......
  • 簡單地調用$.get("#thebutton').click(function() { that I wrote; });不起作用

的作品是唯一的事情: (沒有在它前面的任何其他代碼,否則它似乎被打破)

$(document).ready(function() {alert("bla");});

我缺少一些基本的JavaScript語法? 我完全沮喪......因爲在項目中實現JS真的是必要的,我轉而試圖讓最簡單的東西工作,但事件失敗。

+0

呀,我才意識到我是一個完整的蠢蛋:)這每畝我$( 「XPATHLIKESYNTAX」),而不是$。 (......) – 2011-01-27 17:12:32

+0

爲了將來的參考,請不要在您發佈在StackOverflow上的任何內容中使用粗言穢語。 – 2013-01-31 20:30:24

回答

3

$( '#thebutton')而不是$( '#thebutton')