本文介绍了什么是可用于在jquery中调用函数的方法的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
<html> <head> <script src="jquery-1.11.0.js"></script> <script src="jquery-1.11.0.min.js"></script> <script> $('.main-nav li a', '.subnav-menu li a').on('click', function(){ $('.main-nav li, .subnav-menu li').removeClass('active'); $(this).parent().addClass('active'); }); $('.main-nav li ul li a, .subnav-menu li ul li a').on('click', function(){ $('.main-nav li, .subnav-menu li').removeClass('active'); $(this).parent().parent().parent('li').addClass('active'); $(this).parent('li').addClass('active'); }); </script> </head> <body> <div id="navigation"> <div class="container-fluid"> <a href="javascript:void(0)" id="brand">Logo</a> <a href="javascript:void(0)" class="toggle-nav" rel="tooltip" data-placement="bottom" title="Toggle navigation"> <i class="icon-reorder"></i> </a> <ul class='main-nav'> <li> <a href="javascript:void(0)" name="sub-menu"> <span>Dashboard</span> </a> </li> <li> <a href="javascript:void(0)" data-toggle="dropdown" class='dropdown-toggle'> <span>Inventory</span> <span class="caret"></span> </a> <ul class="dropdown-menu"> <li> <a href="#" name="inner-sub-menu">Style</a> </li> <li> <a href="#" name="inner-sub-menu">Department</a> </li> <li> <a href="#" name="inner-sub-menu">Items</a> </li> </ul> </li> <li> <a href="javascript:void(0)" name="sub-menu">Order</a> </li> </ul> </div> </div> <div id="left"> <form action="#" method="GET" class='search-form'> <div class="search-pane"> <input type="text" name="search" placeholder="Search here..."> <button type="submit" value="Submit"><i class="icon-search"></i></button> </div> </form> <div class="subnav"> <ul class="subnav-menu"> <li> <a href="javascript:void(0)" name="sub-menu"> <span>Dashboard</span> </a> </li> <li class='dropdown'> <a href="javascript:void(0)" data-toggle="dropdown">Inventory</a> <ul class="dropdown-menu"> <li> <a href="javascript:void(0)" name="inner-sub-menu">Style</a> </li> <li> <a href="javascript:void(0)" name="inner-sub-menu">Department</a> </li> <li> <a href="javascript:void(0)" name="inner-sub-menu">Items</a> </li> </ul> </li> <li> <a href="javascript:void(0)" name="sub-menu">Order</a> </li> <li> <a href="javascript:void(0)" name="sub-menu">User</a> </li> <li> <a href="javascript:void(0)" name="sub-menu">Session</a> </li> </ul> </div> </div> </body> </html>
推荐答案
('。main-nav li a','。sububav-menu li a')。on('click',function(){ ('.main-nav li a', '.subnav-menu li a').on('click', function(){
(' .main-nav li,.subnav-menu li')。removeClass('active'); ('.main-nav li, .subnav-menu li').removeClass('active');
(this).parent()。addClass('active'); }); (this).parent().addClass('active'); });
更多推荐
什么是可用于在jquery中调用函数的方法
发布评论