Question

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

$(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);
                });
            });

我的问题是，第一页可能需要花费太多时间才能加载然后附加，所以如果我点击按钮而没有给第一页加载时间，第一页和第二页都会相互追加，如何停止这个？

Answer 1

可能的解决方案是在需要时绑定点击事件。如下所示，我只在追加页面后绑定了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);
           });
        });
    });
});

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

1 个答案: