Javascript 更改菜单链接上的图标单击
在我的菜单上,我有一个字体很棒的图标,我想能够改变一旦点击家长链接 我试图得到它,如果菜单链接关闭将显示 如果菜单链接打开,将显示 目前我的java脚本不工作 我只能在手动更改它的情况下让它更改,但我尝试让java脚本这样做Javascript 更改菜单链接上的图标单击,javascript,jquery,codeigniter,Javascript,Jquery,Codeigniter,在我的菜单上,我有一个字体很棒的图标,我想能够改变一旦点击家长链接 我试图得到它,如果菜单链接关闭将显示 如果菜单链接打开,将显示 目前我的java脚本不工作 我只能在手动更改它的情况下让它更改,但我尝试让java脚本这样做 <?php echo Modules::run('admin/common/header/index');?> <div id="wrapper"> <nav class="navbar navbar-inverse" role="naviga
<?php echo Modules::run('admin/common/header/index');?>
<div id="wrapper">
<nav class="navbar navbar-inverse" role="navigation">
</nav>
<div class="menu">
<ul class="nav navbar-nav menu">
<li>
<a class="parent" data-toggle="collapse" data-target="#setting"><i class="fa fa-cog"></i> System <span class="pull-right"><i class="fa fa-angle-right"></i></span></a>
<ul id="setting" class="collapse">
<li class="third-level">
<a data-toggle="collapse" data-target="#user"><i class="fa fa-angle-double-right"></i> First Level</a>
<ul id="user" class="collapse">
<li>
<a href="#"><i class="fa fa-angle-double-right"></i> Second Level</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<div id="page-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<h1><i class="fa fa-tachometer"></i> Dashboard <small>Dashboard Home</small></h1>
<div class="alert alert-success alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$('.parent').on('shown.bs.collapse', function() {
$(".parent").addClass('fa fa-angle-right').removeClass('fa fa-angle-down');
});
</script>
<?php echo Modules::run('admin/common/footer/index');?>
这里的问题是jquery语法 $'.parent'。在'show.bs.collapse'上,函数{}
正确的语法类似于$'.parent'。单击时,函数{} 您需要将侦听器附加到实际正在折叠的对象:
$('#setting').on('shown.bs.collapse', function() {
$(".parent").addClass('fa fa-angle-right').removeClass('fa-angle-down');
});
设置是正在折叠的元素,因此事件发生在那里。这是一个用于折叠的类列表,因此语法实际上是正确的。没有工作尝试过,我删除了我放入的硬编码手动图标,但没有显示任何内容。在中似乎工作正常,也许fa类在错误的元素上?让它工作了是我的另一个js对它有影响吗