导航按钮点击改变风格效率
nav button click change style efficiency
我当前的代码太乱了。你能帮我提高效率吗。
function buttons(){
$('.notclicked').click(function(){
$('.leftmenu').addClass('leftclicked');
$('.mainwrap').addClass('mainclicked');
$(this).removeClass('notclicked');
$(this).addClass('clicked');
$('.clicked').click(function(){
$('.leftmenu').removeClass('leftclicked');
$('.mainwrap').removeClass('mainclicked');
$(this).removeClass('clicked');
$(this).addClass('notclicked');
buttons();
});
buttons();
});
};
buttons();
如图所示。(http://quinnkeaveney.com/recondite/brian/index.php)
您可以使用
$(document).on('click', selector, function() {
// your function
}
将单击绑定到可能尚未加载的选择器。
$('#menu').click(function(){
var btn = $(this);
// find out if it has the notclicked class
var notClicked = btn.hasClass('notclicked');
// when notClicked is true, toggleClass acts like addClass
// when notClicked is false, toggleClass acts like removeClass
$('.leftmenu').toggleClass('leftclicked', notClicked);
$('.mainwrap').toggleClass('mainclicked', notClicked);
// This will toggle these both back and forth
btn.toggleClass('notclicked clicked');
});
相关文章:
- 为什么Airbnb风格指南说不鼓励依赖函数名称推断
- CKEditor-我在editor.css中的风格是't
- delete在Object上效率低下,但在DOM Element's的数据属性,与null out相比
- Node.js中的JavaScript原型对象效率
- onclick风格的整个李不想要
- JavaScript改变了双方的显示风格
- jquery扩展了崩溃效率
- 如何移除或改进:在Bootstrap Carousel上聚焦风格
- 如何塑造李的风格;s正在使用单击的李的值
- 用于Dynamic Div'的Javascript数学函数;s风格
- 创建一个不断变化的谷歌涂鸦风格的标题
- jQuery将TD注入适当的列(俄罗斯方块风格)
- 最好的技术自上而下RPG风格的网格滚动
- 在Windows Metro风格的Javascript应用程序中读取文件内容
- jquery可以't隐藏输入名称为“”的表单;风格”;
- 效率:整数数组的一个子集中两个项之间的最大差值
- ACF谷歌地图-改变风格
- system.err风格的控制台以javascript打印
- 野蛮风格搞砸了
- 导航按钮点击改变风格效率