Javascript 图像src替换不工作

我有一个手风琴菜单，活动链接下拉菜单，将外部页面加载到一个div中，然后在同一次单击中更改横幅。我有一切工作，除了旗帜的形象改变了。我以为我的代码是对的，但似乎少了一些东西，我想不出来

这是我的html：

<section id="commercialBanner">
    <img src="images/catalog/indoorBanner.jpg"/>
</section>  

<section id="accordionNav">
    <ul id="nav">
        <li id="indoorEntrance" class="category"><a class="ext" id="indoor" href="montage.html">Indoor Entrance</a>
            <ul id="indoorEntranceSubmenu" class="sideSub">
                <li><a href="montage.html" class="ext">Ecomat Squares</a></li>
                <li><a href="gatekeeper.html" class="ext">Gatekeeper</a></li>
                <li><a href="absorba.html" class="ext">Absorba</a></li>
            </ul>
        </li>
        <li id="outdoorEntrance" class="category"><a id="outdoor" class="ext" href="aquaFlow.html">Outdoor Mats</a>
            <ul id="outdoorEntranceSubmenu" class="sideSub">
                <li><a href="aquaFlow.html" class="ext" id="aquaflow">AquaFlow</a></li>
            </ul>
        </li>
    </ul>
    <section id="catalog"></section>

---

您似乎没有正确地检查class属性-一个元素上有多个类，因此：

$('#indoor').attr('class') is 'ext active' or 'ext'

正如@epascarello所指出的：使用hassclassactive

见此：

---

这就是全部代码吗？看起来不是这样。你应该使用hasClassactiveUse alert或console.log来确保这些行被调用。

$('#indoor').attr('class') is 'ext active' or 'ext'