引入jQuery庫之后，jQuery選項卡只顯示第一個和最后一個，中間的軍事和體育不生效？
<ul class="aside-col01002-tab">
<li class="active"><a href="https://bbs.csdn.net/list/yulexiuxian/xinwen/">新聞</a></li>
<li><a href="https://bbs.csdn.net/list/diannaowangluo/junshi/">軍事</a></li>
<li><a href="https://bbs.csdn.net/list/yulexiuxian/tiyu/">體育</a></li>
<li><a href="https://bbs.csdn.net/statics/turn/?a=1007&id=4">娛樂</a></li>
</ul>
<div class="aside-col01002-cont">
<div>內容11</div>
<div>內容22</div>
<div>內容33</div>
<div>內容44</div>
</div>
<script type="text/javascript">
jQuery(function(){
$(document).ready(function() {
$(".aside-col01002-tab li").mouseover(function() {
$(".aside-col01002-tab li").eq($(this).index()).addClass("active").siblings().removeClass('active');
$(".aside-col01002-cont div").hide().eq($(this).index()).show();
});
});
});
</script>
uj5u.com熱心網友回復：
代碼沒問題呀
uj5u.com熱心網友回復：
解決了，是js多加載了一個多余的div標簽，把多余的那個div改成span就好了，好神奇啊，哈哈uj5u.com熱心網友回復：
你發的這部分代碼沒有問題，可能是css樣式表的問題，你把css的代碼發一下看看。uj5u.com熱心網友回復：
另外 jQuery(function(){})和 $(document).ready(function() {}) 功能完全一樣，用一個就行，不需要套兩層uj5u.com熱心網友回復：
這個要用子元素選擇符 E > F可以排除內容中的div
jQuery(function(){
$(".aside-col01002-tab > li").mouseover(function() {
$(".aside-col01002-tab > li").eq($(this).index()).addClass("active").siblings().removeClass('active');
$(".aside-col01002-cont > div").hide().eq($(this).index()).show();
});
});
uj5u.com熱心網友回復：
好的，謝謝大神
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/21974.html
標籤：JavaScript
上一篇：如何使用ES5實作下面的JS
下一篇：node問題