后我有三个div元素:页面加载显示特定的div并隐藏所有其他点击事件
<div class="hide_banner" id="1"><img src="1.png"></div>
<div class="hide_banner" id="2"><img src="2.png"></div>
<div class="hide_banner" id="3"><img src="3.png"></div>
之后,用户应该只看到第一个DIV。这里是JS/JQ代码(这完全适用):
$(document).ready(function() {
$('.hide_banner').not('#' + 1).hide(3000);
});
用户可以通过点击此页面上的链接挑选另一面大旗:
<ul class="dropdown-menu" role="menu">
<li><a href="#1" class="show_banner">Image 1</a></li>
<li><a href="#2" class="show_banner">Image 2</a></li>
<li><a href="#3" class="show_banner">Image 3</a></li>
</ul>
点击例如第三链接(后href =“#3”)id =“1”的div应该隐藏,id =“3”的div会被显示出来。我有一个想法如何维护与PHP相关的问题,但我只想用JS/jQ解决它,所以请帮助! ;)这里是我JS/JQ码不起作用:
$(document).ready(function() {
$('.hide_banner').not('#' + 1).hide(3000);
$('a').click(function() {
var id = $(this).attr('href');
if(id == 1) {
$(id).show(3000);
$('#2').hide(3000);
$('#3').hide(3000);
}
if(id == 2) {
$(id).show(3000);
$('#1').hide(3000);
$('#3').hide(3000);
}
if(id == 3) {
$(id).show(3000);
$('#1').hide(3000);
$('#2').hide(3000);
}
});
});
PS:我知道这是不正确的以数字开头的ID名称;)
注:数字ID值是一个HTML 5功能......最好不要在实践中使用它们(直到HTML 4是死了,埋):) – 2014-11-06 17:01:28
#Jamiec - 固定 – daru79 2014-11-06 17:02:57
@TrueBlueAussie THX的小费:) – daru79 2014-11-06 17:04:47