Question

所以我设置了一个这样的点击事件，图像就像这样：

$(document).ready(function() {

    $("#owl-demo_myteam img").click(function() {

        $("#main").html('<img style="margin:270px auto; width:75px" src="/public/assets/images/loader.gif" />'); 

    });
});

jquery以这种方式读取图像源是否有问题？因为loader.gif只是不想显示，所以我总是得到一个带边框的空白方块，但如果我删除了$("#owl-demo_myteam img").click(function(){})事件loader.gif magicaly出现......我感到困惑

编辑：最奇怪的是，如果我删除了点击事件并加载了图片然后再次使事件图像正确显示，那么一段时间后它又会再次变为空白

Answer 1

您可以将图像放在css＆＃34; display：none＆＃34;当你想要图像出现时，你只需将.show（）设置为＆＃34; display：none＆＃34;。这样，图像就会在页面加载时加载。

Answer 2

查看您的fiddle，您的图片样式无法显示有问题。至少删除边距，它应该显示出来。

$("#main").html('<img style="" src="http://placehold.it/200x200&text=loaded" />');

图像未在点击事件上加载

2 个答案: