weiryang 发表于 2014-3-11 13:51:42

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

http://codeigniter.org.cn/forums/data/attachment/album/201403/11/135106z3tqggg37q9g761y.jpg
用JQuery,怎么能实现点某个li,将其class变为active

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

weiryang 发表于 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了,可能有误,大概就这个意思吧……

weiryang 发表于 2014-3-12 15:37:35

一叶扁舟 发表于 2014-3-11 19:38 static/image/common/back.gif
$("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 static/image/common/back.gif
jQuery("li").click(function(){
      jQuery(".active").removeClass("active");
      jQ ...

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

不行就不返回结果 a标签加上target=_blank

weiryang 发表于 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 static/image/common/back.gif
你这个要做成什么效果?
li标签跟a标签是嵌套的
click事件return flase 可能就出发不到a标 ...
http://codeigniter.org.cn/forums/data/attachment/album/201403/13/100127cdh81o9q91qhhd4a.jpg

weiryang 发表于 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

:L 我认出来这个admin面板了
是用bootstrap做的……
有对应的jquery插件
页: [1]
查看完整版本: 用JQuery,怎么能实现点某个li,将其class变为active