用户
 找回密码
 入住 CI 中国社区
搜索
查看: 2585|回复: 8
收起左侧

用JQuery,怎么能实现点某个li,将其class变为active

[复制链接]
发表于 2014-3-11 13:51:42 | 显示全部楼层 |阅读模式

用JQuery,怎么能实现点某个li,将其class变为active

同时把其所在的上级li的class变为dropdwon active?

 楼主| 发表于 2014-3-11 15:59:09 | 显示全部楼层
本帖最后由 weiryang 于 2014-3-11 17:10 编辑

???
???
???
发表于 2014-3-11 19:38:47 | 显示全部楼层
$("li").click(function(){
    $(this).removeClass.addClass('active').parents('li').removeClass().addClass('dropdwon active');
})
长时间不用jquery了,可能有误,大概就这个意思吧……
 楼主| 发表于 2014-3-12 15:37:35 | 显示全部楼层
一叶扁舟 发表于 2014-3-11 19:38
$("li").click(function(){
    $(this).removeClass.addClass('active').parents('li').removeClass().add ...

        jQuery("li").click(function(){
        jQuery(".active").removeClass("active");
        jQuery(this).addClass("active");
        jQuery(this).parent().parent().addClass("active");
        return false;


这样写,可以active到,但一”return false;“,li上面的链接就失效。。。。
用的是1.9.1的库,还不能换到最新的版本,一换,上面的写法都不好使。。。。肿么办

发表于 2014-3-12 16:19:50 | 显示全部楼层
weiryang 发表于 2014-3-12 15:37
jQuery("li").click(function(){
        jQuery(".active").removeClass("active");
        jQ ...

{:soso_e127:}你这个要做成什么效果?
li标签跟a标签是嵌套的
click事件return flase 可能就出发不到a标签

不行就不返回结果 a标签加上target=_blank
 楼主| 发表于 2014-3-13 10:01:47 | 显示全部楼层

就是这个其实,左侧的导航

本帖最后由 weiryang 于 2014-3-13 10:05 编辑

点某个带有dropdown的链接时,如“Wizard Form”本身的li要加active

同时其所属dropdown的,如“Forms”,的Class要置成"dropdown active"

一叶扁舟 发表于 2014-3-12 16:19
你这个要做成什么效果?
li标签跟a标签是嵌套的
click事件return flase 可能就出发不到a标 ...


 楼主| 发表于 2014-3-14 09:49:04 | 显示全部楼层
这个应该是个很常见的问题吧, 要是用程序生生的输出也能实现。。。。。不过。。。。

JQuery要是能实现的话,岂不是简单了许多
发表于 2014-3-14 10:44:04 | 显示全部楼层
没细看
就这两句的话
用JQuery,怎么能实现点某个li,将其class变为active
--- $(你的li).attr('class','active');
同时把其所在的上级li的class变为dropdwon active?
--- $(你的li).parent('li').attr('class','dropdwon active');
如果你意思是同级的上一个li 就是prev()
发表于 2014-3-14 19:22:30 | 显示全部楼层
我认出来这个admin面板了
是用bootstrap做的……
有对应的jquery插件

本版积分规则