Question

我遇到了jquery问题在我的页面结束时，在关闭</body>标记之前，我已经包含了jquery cdn：

<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;
}

Answer 1

装载顺序很重要。您的代码依赖于jQuery库，因此库需要在代码之前加载。

如果您查看浏览器控制台，则当前会看到错误$ is not defined。这将停止页面中所有进一步的脚本执行

Jquery不能正常工作？

1 个答案: