温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

chrome 网页 左侧导航栏不展开

发布时间:2020-07-01 15:13:18 来源:网络 阅读:660 作者:295631788 栏目:web开发

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");
         }; 
向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI