我有兩個div .curation-contents-list和.film-contents-list，每個div都有一個鏈接列表，當點擊一個鏈接時，會發出一個AJAX調用，它將一些JSON數據附加到一個單獨的div .article-container和.project-container。同時，數據附加div，其中隱藏了剛剛單擊的鏈接的鏈接。

還有另一個可以單擊類.panel-close的div，它會刪除剛剛附加數據的div，并使包含鏈接的div再次出現。所以一切都恢復到原始狀態

問題是需要再次點擊.panel-close div才能觸發jQuery中的.empty()和.show()函數。一旦完成這個，jQuery第一次按原樣運行。任何有關此事的幫助將不勝感激。

我的HTML基本設置：

的jQuery

$('.load-article').on('click', function(e) {

e.preventDefault();

var target = $('.article-container');

var url =$(this).data('page') + '.json';

$.get(url, function(data) {

$('.curation-contents-list').hide();

$(target).append(data);

$("body").addClass("load-article-is-open"),

$(this).animate({

scrollTop: 0

}, 300, "easeInOutExpo")

});

}),

$('.load-project').on('click', function(e) {

e.preventDefault();

var target = $('.project-container');

var url =$(this).data('page') + '.json';

$.get(url, function(data) {

$('.film-contents-list').hide();

$(target).append(data);

$("body").addClass("load-project-is-open"),

$(this).animate({

scrollTop: 0

}, 300, "easeInOutExpo")

});

}),

$(".panel-close").click(function() {

$("body").removeClass("curation-panel-is-open").removeClass("film-panel-is-open").removeClass("load-article-is-open").removeClass("load-project-is-open"),

$(".curation-panel").animate({

scrollTop: 0

}, 300, "easeInOutExpo"),

$(".film-panel").animate({

scrollTop: 0

}, 300, "easeInOutExpo"),

$('.curation-contents-list').show();

$('.film-contents-list').show();

$('.article-container').empty();

$('.project-container').empty();

});

總結

以上是生活随笔為你收集整理的ajax empty,jQuery empty仅在AJAX调用后的第二次单击时起作用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。