事件和其他东西一般不起作用

时间:2011-01-27 16:59:11

标签: jquery html css html5 button

我使用jQuery(最新版本)获取了我的静态HTML(5)文件,并且没有尝试让我的jQuery代码运行。

origin 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,发现没有验证错误。 (甚至没有相关的警告)

现在在$.(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非常重要,我转而试图让最简单的东西工作,但事件就失败了。

1 个答案:

答案 0 :(得分:3)

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