我写了这个jQuery代码:
<script>
$(".text").click(function() {
$("#Content").html($(this).next(".text1").html());
});
</script>
但我做错了什么,我得到了这个错误:
Uncaught ReferenceError: $ is not defined 15:16618
(anonymous function)
我真的不知道该怎么解决!如果你需要我的html,请通知我,谢谢!
更新:
不知怎的,我的代码只有在class="text"
被封装到p
-标签中时才能工作:
<p class="text">
<a>B35.-Dermatophytose [Tinea]</a><a class="hidden id_code">587</a>
</p>
<div class="text1" style="display: none">
<p class="text">
<a class="num">B35.-</a><a class="bez">Tinea barbae</a>
<a class="hidden id_code">587</a>
<a class="hidden notation"></a>
<a class="hidden schlussel">j</a>
</p>
<p class="text">
........
当它在a
-标签中时,它不起作用:发生了什么?
<a class="text">B35.-Dermatophytose [Tinea]</a>
我需要改变什么?
在<head>
标签内将其添加到页面中:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
如果没有定义$
,我怀疑jQuery的库没有加载,这个文件会执行此操作。
您可能遇到的另一个问题是,您发布的脚本必须在它引用的html之后。否则,代码可能会出错,因为它引用的html(还没有)。
您可以将代码封装在DOM就绪函数中,如:$(document).ready(function(){ ...your code... });
或者将脚本代码放在页面的最底部,就在</body>
标记(正文末尾)之前。
请记住,如果您有其他.js
文件需要jQuery:那么应该在它们之前加载jQuery。