Javascript jQuery：如何检测是否加载了LI元素？

因此，我得到了以下HTML：

<div id="featured">
    <ul>
        <li><img src="<?php echo get_bloginfo( 'stylesheet_directory' ) . '/images/tmp-featured-1.jpg'; ?>" /></li>
        <li><img src="<?php echo get_bloginfo( 'stylesheet_directory' ) . '/images/tmp-featured-2.jpg'; ?>" /></li>
        <li><img src="<?php echo get_bloginfo( 'stylesheet_directory' ) . '/images/tmp-featured-3.jpg'; ?>" /></li>
        <li><img src="<?php echo get_bloginfo( 'stylesheet_directory' ) . '/images/tmp-featured-4.jpg'; ?>" /></li>
    </ul>
</div>

触发代码。内容（在这种情况下，只有单个img元素，但可以更多，如元数据或视频）尚未加载。结果是，在init中调用时，宽度和高度将返回0，0。我跟踪了该值，一旦加载图像，li将相应调整大小。我试过这样做：

$('#featured ul li').load(function() {
    alert('its loaded');
});

但它不起作用。有人有想法吗？

不要使用

$（函数（）{

绑定到文档就绪处理程序，而是使用

$（窗口）。加载（）

，因为一旦加载了所有图像：

$(window).load() {
    $('#featured').init();
});

不要使用

$（function（）{

绑定到文档就绪处理程序，而是使用

$（window）.load（）

，因为一旦加载了所有图像：

$(window).load() {
    $('#featured').init();
});

---

这就像一个符咒。需要等待9分钟才能将其标记为答案。这就像一个符咒。需要等待9分钟才能将其标记为答案。