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');
    }
});