Question

我有一个main.html，它将外部HTML（包含图像）加载到div（#external）中。 如何从主文件中定位这些图像？我需要将加载函数绑定到它们中，以检查图像是否已完成加载，以便我可以对其进行动画处理。如果我直接在外部HTML上绑定加载函数它可以工作，但不知道如何从主文件中执行相同的操作。

jquery的：

$(".iframe").on("click", function(e) {
        e.preventDefault();
        var $mylink = $(this).attr('href');
        $("#external").load($mylink)});
});

HTML：

<a class="iframe" href="pages/page.html">Test</a>

Answer 1

尝试使用回调函数，因为加载事件不会冒泡，我们无法在此上下文中依赖事件委托，

$(".iframe").on("click", function(e) {
    e.preventDefault();
    var $mylink = $(this).attr('href');
    $("#external").load($mylink , function() {
       $("#external img").load(function(){ 
          //code 
       });
    });
});

定位从主文件加载到div的外部HTML元素

1 个答案: