Question

jQuery(document).ready(function() {
    jQuery('#submit').click(function() {    jQuery("#LoadingImage").show();
        jQuery('#imgRESULT').html('<img id="image1" src="http://johndoe.com/foo.php?username1=' + jQuery('input[name=username1]').val() + '&amp;username2='+ jQuery('input[name=username2]').val() +    '" >');
    });

$('#image1').on("load", function() {
    $("#LoadingImage").hide();
});});

事物是加载图像div，在生成生成的图像时不会隐藏。

有关如何使其发挥作用的任何想法？

Answer 1

由于load事件没有冒泡，因此您无法在此处使用事件委派（对动态插入的元素的标准建议是什么）

因此，您最好的方法是直接将load事件放在新创建的图像节点上。

jQuery('#imgRESULT').empty().append($('<img>', {
    id:    'image1',
    src:    'http://johndoe.com/foo.php?username1=' + jQuery('input[name=username1]').val() + '&amp;username2='+ jQuery('input[name=username2]').val(),
    load:   function() {
        $("#LoadingImage").hide();
    }
}));

Javascript'on。（“加载”，“不工作

1 个答案: