我的代码看起来像这样...

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/

10-12 12:53