我使用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ü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()不会影响代码。$.get("#thebutton').click( function() { that I wrote; });
无效唯一有效的方法是:(前面没有任何其他代码,否则它似乎被破坏了)
$(document).ready(function() {alert("bla");});
我错过了一些基本的Javascript语法吗? 我完全感到沮丧...因为在我的项目中实现JS非常重要,我转而试图让最简单的东西工作,但事件就失败了。
答案 0 :(得分:3)
$('#thebutton')而不是$。('#thebutton')