我有一个外部* .js文件,其中包含以下代码：
$(".hlavni_tema").click(function() {
alert("ok");
});
alert("loaded");
和HTML页面,如下：
<div id="tema"> <span id="hlavni_tema_1" class="hlavni_tema">Základní fyzikální pojmy a jednotky</span> <input type="checkBox" name="tema" id="tema_1a" value="'1a'"> <label for="tema_1a">Základní fyzikální pojmy,měření ve fyzice</label> ... <span id="hlavni_tema_8" class="hlavni_tema">Astrofyzika</span> <input type="checkBox" name="tema" id="tema_8d" value="'8d'"> <label for="tema_8d" class="posledni_label">Fyzikální obraz světa</label> </div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="/_jscripts/tema.js"></script>
当我打开网页时,alert()通知“已加载”,以便导入jQuery文件.但是当我点击其类为“hlavni_tema”的span元素时,没有任何反应.我也尝试过这段代码：
.on(“click”,function())
和
.on(“click”,“#tema”,function())
– 一切都无济于事.
谢谢你的帮助.
解决方法
在加载DOM之后,您必须分配事件处理程序.
试试这个,它应该工作.
$(document).ready(function(){
$(".hlavni_tema").click(function() {
alert("ok");
});
alert("Document loaded");
});
alert("Script loaded");
