jquery函数在click中工作，但单独调用时不工作

Question

我试图访问一个使用.html插入的类元素。当我通过click事件在函数中调用它时，它可以工作，但当我直接调用它时，它就不工作了...有什么想法吗？

$("#textarea).html("<div>Lorem ipusum<span class='note-content'>Note text</span>Lorem ipusum</div>");


function collapseNotes() {
$(".note-content").animate({
    width:"50px",
    opacity: ".3",
}); 
}

//this works
$("#button").click(function() {
    collapseNotes();
});

//this doesn't work
collapseNotes();

Answer 1

在将内容加载到页面之前调用collapsenotes()；，请记住，JavaScript是一种异步语言，在使用它之前，您应该等待某些内容准备就绪，例如：

(function($) {
  console.log('DOM Loaded!');
  collapseNotes();
})($);