1
我有一個手風琴菜單,活動鏈接下拉菜單,將外部頁面加載到div
,然後更改橫幅在同一次點擊。除了橫幅圖像改變外,我已經可以工作了。我認爲我的代碼是正確的,但似乎缺少某些東西,我無法弄清楚。圖像src替換不工作
這裏是我的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");
};
});
這是所有的代碼?它看起來並不像它。 –
你應該使用'hasClass(「active」)' – epascarello
使用'alert()'或'console.log()'來確保這些行被調用。 –