我有一个包含两个页面的主页,在面板中显示某些动作,第一个是用户登录网站时的视图,
$(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);
});
});
});
});