ACE侧边栏刷新自动展开之前的选择

Posted 夜尽

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ACE侧边栏刷新自动展开之前的选择相关的知识,希望对你有一定的参考价值。

在body下面加上

<script type="text/javascript">
        $(document).ready(function(){
            var url = document.location.href;            
            var index1 = url.lastIndexOf(‘/‘);
            var page_name = url.substring(index1 + 1, url.length);
            var a_l = $(‘a‘);
            a_l.each(function () {
                var that = $(this);
                var url2 = that.attr(‘href‘);
                var index2 = url2.lastIndexOf(‘/‘);
                var page_name2 = url2.substring(index2 + 1, url2.length);
                if (page_name == page_name2) {
                    $(this).parent().addClass(‘active‘);
                    $(this).parent().parent().parent().addClass(‘open‘);
                }
            });          
        });
    </script>

这段是从别人那抄过来的,用的时候发现两个问题

1、页面不能同名,比如都叫Index的就会一起被选中

2、如果页面中的href属性存在其他内容,比如js方法,一些针对string类型的方法就会报错,比如lastIndexOf(),这种可以把url强制转换成string类型,有两种方法:

  a.toString()我用的时候有问题, 当时情况有比较紧急,没有查原因,用了第二种方法;

  b.(“” + string)

以上是关于ACE侧边栏刷新自动展开之前的选择的主要内容,如果未能解决你的问题,请参考以下文章

VUE项目实战19实现侧边栏折叠与展开功能

无法在我的侧边栏中展开菜单项以做出反应

使用antd+vue实现动态菜单栏,刷新过后仍然选中,含有二级分类自动展开

基于element-ui封装侧边栏菜单,可无限展开

基于element-ui封装侧边栏菜单,可无限展开

基于element-ui封装侧边栏菜单,可无限展开