JQuery："addClass doesn't work by 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');
    }
});