简单onclick函数中出现未捕获的引用错误



我写了这个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。

最新更新