图像src替换不工作

Question

我有一个手风琴菜单，活动链接下拉菜单，将外部页面加载到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> 

这里是我的脚本：

$('a.ext').click(function (event){ 
     event.preventDefault(); 
     $('#catalog').load(this.href); 
}); 

$('.category > a').click(function(evt) {     
    if ($(this).attr('class') != 'active'){ 
     $('#nav li ul').hide(); 
     $(this).next().show() 
     // $(this).next('li > a').trigger('click') 
     $('#nav li a').removeClass('active'); 
     $(this).addClass('active'); 
    }; 
    if ($('#indoor').attr('class') == 'active'){ 
     $("#commercialBanner img").attr("src", "images/catalog/indoorBanner.jpg"); 
    }; 
    if ($('#outdoor').attr('class') == 'active'){ 
     $("#commercialBanner img").attr("src", "images/catalog/outdoorBanner.jpg"); 
    }; 
}); 

Answer 1

你似乎被错误地检查类属性 - 你有一个以上的类的元素，所以：

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

正如@epascarello指出的：使用hasClass（“active”）。

看到这个：

jQuery's attr - return multiple classes not just the 1st