如何选择通过 jQuery load() 函数加载的元素?

IT技术 javascript jquery ajax asynchronous
2021-02-10 02:59:22

我目前遇到以下问题(首先是一些示例代码):

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

<script type="text/javascript">
    $('#container').load('content.html');

    $('.elementInContentHTML').fadeIn();
</script>

简而言之,我希望能够访问已动态添加到页面的元素,而无需将它们附加到事件处理程序。

我知道的live()方法,但我希望我的绑定行动对任何事件,即我只是想不点击它们,注重运行这些新元素的一些行动,模糊等。

2个回答

load函数是异步的。
您的下一行在加载内容之前运行。

您需要将代码放在load函数的回调中,以便它仅在加载新内容后运行:

$('#container').load('content.html', function() {
    $('.elementInContentHTML').fadeIn();
});

您可以尝试在加载完成时使用回调吗?http://api.jquery.com/load/

$('#result').load('ajax/test.html', function() {
  alert('Load was performed.');
});