chrome 網頁 左側導航欄不展開

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");
         };