母版页中的 jQuery 幻灯片菜单

发布于 11-18 22:26 字数 875 浏览 3 评论 0原文

我有一个 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");
    });
});

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

笑着哭最痛2024-11-25 22:26:11

您尝试过使用 .one() 吗?也许这会有所帮助: .one()

编辑:
我不确定这是否是解决此问题的最佳方法:

<asp:HiddenField ID="isloaded" runat="server" Value="false" EnableViewState="true" />

$(document).ready(function () {
    var isLoaded = document.getElementById("isloaded").value;
    if (isLoaded == "false") {
        //your code
        document.getElementById("isloaded").value = "true";
    }
});

Have you tried using .one()? Maybe this will help: .one()

Edit:
I'm not sure if this is the best way to solve this:

<asp:HiddenField ID="isloaded" runat="server" Value="false" EnableViewState="true" />

$(document).ready(function () {
    var isLoaded = document.getElementById("isloaded").value;
    if (isLoaded == "false") {
        //your code
        document.getElementById("isloaded").value = "true";
    }
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文