【随手记】控制动态面包屑导航>和最后一项不可点击

最新推荐文章于 2024-01-03 17:37:06 发布

大橘子呀

最新推荐文章于 2024-01-03 17:37:06 发布

阅读量2.5k

点赞数

分类专栏：随手记

本文链接：https://blog.csdn.net/nmjuzi/article/details/88836717

版权

随手记专栏收录该内容

10 篇文章 0 订阅

订阅专栏

假装有标题

在数据库或缓存中得到的菜单列表，遍历结果根据调用传值，不是最后一项时增加span标签，内容为">"，为防止可点击，加上css属性pointer-events:none;

str += "<span style='pointer-events:none;'>></span>";

在生成面包屑导航时，最后一项也应加上该css属性

str = '<span style="pointer-events:none;" data-url="' + m.url + argsStr + '">' + m.title + '</span>';

为生成的导航增加click事件并加载对应的页面，点击的当前菜单之后全部去掉，改变当前菜单颜色并增加该css属性

 $("#jkgl_little_tab").append($(str).unbind("click").click(function() {
                $(".center-content").load($(this).data("url"));
                $(this).nextAll().remove();
                $(this).css('color', "#fff");
                $(this).css('pointer-events', "none");
 }));