chrome 網頁 左側導航欄不展開
現象
代碼
<li class="one">
<a href="#"><i class="fa fa-sitemap"></i> <span class="nav-label">菜單 </span><span class="fa arrow"></span></a>
<ul class="nav nav-second-level collapse">
<li class="second">
<a href="#" id="damian">二級菜單1 <span class="fa arrow"></span></a>
<ul class="nav nav-third-level">
<li class="third">
<a href="#">三級菜單1</a>
</li>
<li>
<a href="#">三級菜單2</a>
</li>
<li>
<a href="#">三級菜單3</a>
</li>
</ul>
</li>
<li><a href="#">二級菜單2</a></li>
<li>
<a href="#">二級菜單3</a></li>
<li>
<a href="#">二級菜單4</a></li>
</ul>
</li>
js
window.onload = function () {
$(".one").addClass("active");
$(".second").addClass("active");
$(".third").addClass("active");
};
測試
其中 360 ,火狐瀏覽器可正常展開,在chrome中無法展開。
F12 查看 源碼
<ul class="nav nav-third-level collapse ">
</ul>
發現 collapse 沒有變成in,再具體原因暫時未查找到
解決辦法
手動添加in
window.onload = function () {
$(".one").addClass("active");
$(".one").children('ul').addClass('in');
$(".second").addClass("active");
$(".second").children('ul').addClass('in');
$(".third").addClass("active");
};