jquery - jquery加载器的问题

Question

我在提交按钮后使用带有 jq 的 .gif 加载器。

这是简单的脚本：

<script>
    jQuery(document).ready(function($) {
    $('#button').click(function(){
        $('#search_results').html('<img src="ajax_loader.gif" /> Mencari...');
    });
});
</script>

我的问题是：加载器不显示，只是文本"Mencari..."，我检查了 .gif 的路径，它是正确的。

有什么遗漏吗？谢谢您的帮助。

更新 ：

Answer 1

似乎加载图像的时间太长 - 当引用它的 IMG 元素已从 DOM 中删除时加载图像。尝试使用预加载图像

var o = new Image;
o.src = "('<img src="ajax_loader.gif" />'";
o.onload = function() {
$('#button').click(function(){
    $('#search_results').html('<img src="ajax_loader.gif" /> Mencari...');
});
};

也不要忘记指定图像的宽度和高度。除了检查 dom 是否没有重叠图像（它是否有足够的 z-index 开始显示）。

希望它会有所帮助！