【随⼿记】控制动态⾯包屑导航和最后⼀项不可点击
假装有标题
在数据库或缓存中得到的菜单列表,遍历结果根据调⽤传值,不是最后⼀项时增加span标签,内容为">",为防⽌可点击,加上css属性pointer-events:none;
str += "<span style='pointer-events:none;'>></span>";
在⽣成⾯包屑导航时,最后⼀项也应加上该css属性
str = '<span 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");
}));
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论