JQuery：當文檔准備好時，“addClass不能通過id工作”

Question

我有一個問題，並嘗試再解決兩天。 嘗試這樣做：

$.when( $(document).ready ).then(function func_fold () {
  $( "#collapsible_sidebar" ).addClass('folded');    
})

像這樣：

$(document).ready(function func_fold () {
  $( "#collapsible_sidebar" ).addClass('folded');    
})

也是這樣：

$(document).ready(function() {
  $( "#collapsible_sidebar" ).addClass('folded');    
})

嘗試使用.hide()來查看工作選擇器，它也不起作用。 但是當我打開DOM時，我可以看到這個元素和這個ID。

警告！ 我認為重要的是，這個div被AJAX添加到DOM中。

HTML元素：

<div id="collapsible_sidebar"><?php dynamic_sidebar( 'sidebar-1' ); ?></div>

Answer 1

如果它被AJAX添加到DOM中，這意味着它會在$(document).ready()之后的某個時候添加。 AJAX代表“異步Javascript和XML”，異步意味着它將在服務器可以到達時自己執行。 如果要執行要添加的類，則需要輸入$("#collapsible_sidebar").addClass('folded'); 進入AJAX調用中的success函數。

$.ajax({
    //other parameters
    success: function () {
        $("#collapsible_sidebar").addClass('folded');
    }
});