通過Ajax加載的jQuery動態內容

Question

嘿，我正在嘗試關閉在頁面加載時顯示的div。 但是，這樣做：

jQuery(document).ready(function () {
   jQuery('#moreDetailsTable').slideUp("fast", function () {});
});

頁面加載時似乎沒有關閉它，因為它是使用ajax通過PHP代碼動態填充的。

Ajax調用的php如下所示：

echo '<div id="moreDetailsTable" class="widefat fixed comments">
    Testing this out<br />
    Testing this out<br />
    Testing this out<br />
    Testing this out<br />
    Testing this out<br />
</div>
   ect ect.....

我知道代碼的工作原理，因為我只是這樣做：

jQuery(document).on('click', '#moreDetailsTable', function() {
    jQuery('#moreDetailsTable').slideUp("fast", function () {
        console.log('done');
    });
});

一旦我單擊它 ，它就會向上滑動。

由於.slideUp是動態填充的，而不是在頁面開頭，我怎么稱呼它呢？

Answer 1

請參閱jQuery.ajaxComplete（）事件處理程序。 這將做您想要的。

例：

jQuery(document).ajaxComplete(function () {
   jQuery('#moreDetailsTable').slideUp("fast", function () {});
});

Answer 2

當ajax返回時調用該函數。 加載內容后。 就像是：

$('.ajaxLoading').show();
    $.ajax({
    type:'POST',
    url:'url',
    dataType: "json"}).done
    (function(response){
        alert(response.message);
        $('.ajaxLoading').hide();
        //window.location = "/dash_board";
            $('#moreDetailsTable').slideUp("fast", function () {});
    }).fail(function(response,textStatus){
        alert('Something goes wrong. Please try again.');
        $('.ajaxLoading').hide();
        //alert(textStatus);
    });