Javascript 合并单击功能
有没有办法把两者合并Javascript 合并单击功能,javascript,jquery,Javascript,Jquery,有没有办法把两者合并 $('.menu')。单击(函数(){ $(“#css菜单”).toggleClass(“显示隐藏”); }); 及 $(函数(){ $('.menu')。单击(函数(){ $(this.toggleClass('active'); }); }); 在这样一种可行的情况下,当“#css menu”=显示时,.menu=将处于活动状态,否则当#css menu处于隐藏状态时,很难说w/o查看您在哪里注册第一个单击处理程序。但是,如果您想从同一时间(页面加载)开始在两个单击
$('.menu')。单击(函数(){
$(“#css菜单”).toggleClass(“显示隐藏”);
});
及
$(函数(){
$('.menu')。单击(函数(){
$(this.toggleClass('active');
});
});
在这样一种可行的情况下,当“#css menu”=显示时,.menu=将处于活动状态,否则当#css menu处于隐藏状态时,很难说w/o查看您在哪里注册第一个单击处理程序。但是,如果您想从同一时间(页面加载)开始在两个单击处理程序中侦听单击,则很可能只需将第一个合并到第二个,如下所示:
$(function() {
$('.menu').click(function() {
$('#css-menu').toggleClass('shown hidden');
$(this).toggleClass('active');
});
});
$(function()
只是确保代码行$('.menu')。只要DOM没有完全加载,就不会执行单击(function()
)。否则它无法找到.menu
元素,具体取决于脚本包含的位置
只要不单击元素,单击处理程序中的代码就不会启动。因此,注册两个单击处理程序或将它们放在一个单击处理程序中不会有任何区别。当然,出于性能原因,其中一个更好。如果要在单击时触发两个任务,请在t中写入两个条件他单击函数,并在函数中合计一个 像这样的
$(function() { /* main function */
$('.menu').click(function(e) { /* click event */
e.preventDefault();
$('#css-menu').toggleClass('shown hidden');
$(this).toggleClass('active');
});
});
希望它能起作用