母版页中的 jQuery 幻灯片菜单
我有一个 ASP.NET 自定义服务器控件菜单,在母版页的头部包含以下 jQuery。问题是,当我在常规表单上有一个按钮时,每次在表单中单击它时,它都会导致母版页的侧面菜单中的滑动操作被激活...我怎样才能防止这种情况,以便仅滑动操作发生在初始页面加载时或单击不同的男士项目时?
$(document).ready(function() {
// Expand/Collapse All
$('#example1 .expand_all').click(function() {
$('#menu1 > li > a.collapsed').addClass('expanded').removeClass('collapsed').parent().find('> ul').slideDown('medium');
});
$('#example1 .collapse_all').click(function() {
$('#menu1 > li > a.expanded').addClass('collapsed').removeClass('expanded').parent().find('> ul').slideUp('medium');
});
// Slide
$("#menu1 > li > a.expanded + ul").slideToggle("medium");
$("#menu1 > li > a").click(function() {
$(this).toggleClass("expanded").toggleClass("collapsed").parent().find('> ul').slideToggle("medium");
});
});
I have a ASP.NET custom server control menu with the following jQuery in the head of the master page. The problem is that when I have a button on a regular form it causes the slide action in the side menu in the master page to activate every time it is clicked in the form... how can I prevent this so that the slide action only happens on initial page load or when a different men item is clicked?
$(document).ready(function() {
// Expand/Collapse All
$('#example1 .expand_all').click(function() {
$('#menu1 > li > a.collapsed').addClass('expanded').removeClass('collapsed').parent().find('> ul').slideDown('medium');
});
$('#example1 .collapse_all').click(function() {
$('#menu1 > li > a.expanded').addClass('collapsed').removeClass('expanded').parent().find('> ul').slideUp('medium');
});
// Slide
$("#menu1 > li > a.expanded + ul").slideToggle("medium");
$("#menu1 > li > a").click(function() {
$(this).toggleClass("expanded").toggleClass("collapsed").parent().find('> ul').slideToggle("medium");
});
});
您尝试过使用
.one()
吗?也许这会有所帮助: .one()编辑:
我不确定这是否是解决此问题的最佳方法:
Have you tried using
.one()
? Maybe this will help: .one()Edit:
I'm not sure if this is the best way to solve this: