我的jQuery没有正确链接

Question

这个网站上有很多帖子都有相同的标题,但没有一个帖子能解决我的问题.我正在尝试用jQuery做一个简单的事情,它没有做任何事情,这让我相信jQuery甚至没有正确链接.但我正在做我一直以来所做的事情.它应该更改此div中的无序列表以将其背景颜色更改为橙​​色.但它根本没有变化.我甚至试图用a 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和内部的内容会给不可预知的结果.您可能需要阅读此帖子以获取更多信息.