我的代码看起来像这样...div
显示内容并加载图像:
<div id="adS" style="float: left; width: 70%">
<div id="loading-image" style="background-image: url('images/processing.gif'); display: none;">
</div>
</div>
jQuery代码:
$(function() {
$("#lets_search").bind('submit',function() {
var gen = $("input[name='radGen']:checked").val();
var mt = $('#selMtQ').val();
var agf = $('#agf').val();
var agt = $('#agt').val();
var rel = $('#religQ').val();
var cast = $('#selCstQ').val();
$('#loading-image').show();
$.post('adSearch.php',{gen:gen,mt:mt,agf:agf,agt:agt,rel:rel,cast:cast}, function(data){
$("#adS").html(data);
$('#loading-image').hide();
});
return false;
});
});
加载图像仅在单击事件中显示一次,而不是在每次单击搜索按钮时显示。
需要帮忙...
最佳答案
要检查服务器是否响应非常快,可以在ajax进程中使用setTimeOut()函数对其进行测试。如果未显示图片,则不是服务器很快,而是其他原因。但是需要更多的代码才能了解发生了什么。
关于javascript - 在ajax过程中加载图像无法正常工作,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/32902547/