Question

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

我需要改变什么？

Answer 1

将此内容添加到您的页面<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。

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

1 个答案: