停止jquery动作，如果另一个正在进行中

Stop jquery action if another is in progress

本文关键字：进行中 另一个 如果 jquery 动作 停止      更新时间：2023-09-26

我有一个包含两个页面的主页，在面板中显示某些动作，第一个是用户登录网站时的视图，

$(document).ready(function(e) {
            $.get("activePages.xhtml", function(data) {
                $(".parent-panel").append(data);
            });});

主页包含一个按钮，点击它会清除面板并附加第二页

$('.main-button2').click(function(e) {
                $(".parent-panel").empty();
                $.get("history.xhtml", function(data) {
                    $(".parent-panel").append(data);
                });
            });

我的问题是，第一页可能需要太多的时间来加载，然后追加，所以如果我点击按钮没有给时间的第一页加载，第一页和第二页将彼此追加，如何阻止这一点?

可能的解决方案是在需要时绑定click事件。像下面一样，我只在页面追加之后才绑定click事件。

$(document).ready(function(e) {
    $.get("activePages.xhtml", function(data) {
        $(".parent-panel").append(data);
        $('.main-button2').click(function(e) {
           $(".parent-panel").empty();
           $.get("history.xhtml", function(data) {
               $(".parent-panel").append(data);
           });
        });
    });
});
相关文章：