javascript - jquery 回调函数作用域

Question

当我使用 jquery 在回调函数中创建元素(例如 div)时，它不允许我在回调函数之外操作新创建的元素，我该如何解决这个问题？

例子如下:

$.get('menu.xml',function(data){

//create a new element with an ID called "#newElement"

})

//I can't select the element outside the callback function so the following code dosen't work:

$('#newElement').css('background','black'); 

Answer 1

您可以在外部选择它，但目前，$.get() 回调需要一些时间来运行(它必须从服务器获取数据，回调发生稍后，当它完成时)，所以当你这样做时:

$('#newElement').css('background','black');

那个元素还不存在(所以选择器没有找到任何东西......它在创建它的回调之前运行)，你需要等到回调完成，然后再继续任何需要由它创建的元素的代码。像这样:

$.get('menu.xml',function(data){
  //create a new element with an ID called "#newElement"
  //kick off stuff that uses "#newElement"
  $('#newElement').css('background','black'); 
});