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开始显示）。

希望它会有所帮助！