Jquery不能正常工作吗？
Jquery不能正常工作吗？
提问于 2016-02-08 19:02:20
我在使用jquery时遇到了麻烦。
在我的页面末尾，在关闭</body>标记之前，我包含了jquery：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>然后在顶部，在<head>中，我包含了我自己的小代码：
<script>
$(document).ready(function() {
$('#liked').click(function() {
$('#changed').addClass('likeClicked');
});
});
</script>这影响到以下方面：
<button id='changed' class="like">
<span class="glyphicon glyphicon-heart" id='liked' style="font-size:2.0em;"></span>
</button>但是，代码不起作用。(下文CSS)。我尝试将jquery更改为悬浮，而不是单击，改为不同的类或元素，而不是id。知道吗？谢谢。
.like {
-webkit-appearance: none;
outline: none;
border: 0;
background: transparent;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.likeClicked {
color: #00bc0e;
}回答 1
Stack Overflow用户
回答已采纳
发布于 2016-02-08 19:06:50
装货顺序很重要。您的代码依赖于jQuery库，因此库需要在代码之前加载。
如果您查看浏览器控制台，您目前将看到错误$ is not defined。这将停止页面中所有进一步的脚本执行。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35277255
复制相关文章
相似问题
腾讯云开发者
