Question

这个网站上有很多帖子都有相同的标题，但没有一个帖子能解决我的问题。我正在尝试用jQuery做一个简单的事情，它没有做任何事情，这让我相信jQuery甚至没有正确链接。但我正在做我一直以来所做的事情。它应该更改此div中的无序列表以将其背景颜色更改为橙色。但它根本没有变化。我甚至尝试使用console.log来查看是否可行。它没有。有人可以检查一下吗？

我的代码：

<script src="jquery-1.12.0.js">
    $(document).ready(function() {
        console.log("Why isn't this working?")
        $("#contentleft ul").css("background-color", "#FFA500");
    });
</script>

<div id="contentleft">
    <h3>My List Is Awesome</h3>
    <ul>
        <li><a href="http://www.fullsail.com">Full Sail</a></li>
        <li><a href="http://www.cnn.com">CNN</a></li>
        <li><a href="http://www.youtube.com">YouTube</a></li>
        <li>No link here.</li>
    </ul>
</div>

Answer 1

您不能将代码放在<script>标记内src。

使用两个脚本标签

<script src="jquery-1.12.0.js"></script>

<script>
    $(document).ready(function() {
        console.log("Why isn't this working?")
        $("#contentleft ul").css("background-color", "#FFA500");
    });
</script>

Answer 2

请勿尝试将一个<script>标记与src属性和内部内容一起使用。将其分为两个标签，如下所示：

<script src="jquery-1.12.0.js"></script>
<script>
    $(document).ready(function() {
        console.log("Why isn't this working?")
        $("#contentleft ul").css("background-color", "#FFA500");
    });
</script>

同时包含<script>和内部内容的src会产生不可预测的结果。您可能需要阅读this post以获取更多信息。

我的jQuery没有正确链接

2 个答案: