jquery - 如何从服务器加载 html 并使用 jquery 选择器

Question

我在 .aspx 页面上有一个 div:

<div id="container"></div>

我正在使用 jQuery .load() 方法从服务器加载一些 html，如下所示:

$(function() {
    $('#container').load('web/testpage');
});

其中 web/testpage 是 mvc 部分 View :

<div id='partialView'>
   blah blah
</div>

这会正确加载，并且我在 firebug 中看到了预期的标记

<div id="container">
   <div id='partialView'>
      blah blah
   </div>
</div>

但问题是我无法从 jQuery 选择内部 div

$(function() {
   console.log($('#partialView')); // this is empty
});

知道我哪里出错了吗？

Answer 1

您必须等到 div 加载完毕，您可以使用 .load 中的回调来执行此操作:

$('#container').load('web/testpage', function() {
    console.log($('#partialView'));
});