JavaScript:隐藏和显示菜单类
JavaScript: Hide and Show Menu Class
var Menu = function() {
state = 0;
}
Menu.prototype.click = function() {
if (this.state == 1) {
$(document).ready(function(){
$("#collapse-menu").click(function(){
$("#list-navbar").show(500);
this.state = 0;
});
});
} else {
$(document).ready(function(){
$("#collapse-menu").click(function(){
$("#list-navbar").hide(500);
this.state = 1;
});
});
}
}
如何在页面加载时实例化类,并仅调用函数click
onclick 事件,从而保持类实例化?
var Menu = function() {
this.state = 0;
};
Menu.prototype.click = function() {
var that = this; // our Menu object
$("#collapse-menu").click(function(){
that.state ^= 1; // Toggles 1,0,1... values
$("#list-navbar")[that.state?"hide":"show"](500);
});
};
jQuery(function( $ ) { // DOM ready here
var m = new Menu(); // New Menu instance
m.click(); // init clicks on #collapse-menu
});
jsBin 演示
关于^
作为切换器:https://stackoverflow.com/a/22061240/383904
相关文章:
- JQuery上下文菜单显示/隐藏问题
- AngularJs基于角色的菜单显示安全问题
- JS下拉菜单显示在图像旋转器上
- 如何使我的下拉菜单显示/对齐
- 根据所选的下拉菜单显示HTML
- 如何让子菜单显示在主菜单下方
- 如何根据每个下拉菜单显示图像
- 如何在我的js下拉菜单/显示内容框上的不同内容之间切换
- j查询下拉菜单显示不正确
- 使用数据的下拉菜单 - 显示子菜单
- 如何为剑道网格列菜单显示剑道工具提示
- 使用导航菜单显示隐藏html代码/内容
- 使用2个选择菜单显示/隐藏问题
- 下拉菜单显示效果
- 如何使下拉菜单显示在幻灯片上
- Joomla网站中的菜单显示在内容后面
- 子菜单显示的良好延迟持续时间是多少
- 如何使下拉菜单显示在对话框顶部
- 使上下文菜单显示在顶部
- 使用html下拉菜单显示none和block