-2

我在使用 post 传递值时将我的 DOM ajax 升级为 jquery ajax，现在的问题是加载图像，我尝试按照此处的一些示例进行操作，但没有成功。这是我的代码：

function passLetter(str)
    {       
        $('#loadingImage').attr('style','display:');
        // $('#retail_group').html('<img src="/admin/images/ajax-loader.gif" style="text-align:center;">');
                    //$('#loadingImage').show();                                
        $.ajax({
        url: "getRetailGroup.php",
        type: "GET",
        async: false,
        data:  {"letter": str},
        success: function(data){
                $("#retail_group").html(data);
                //$('#loadingImage').hide();
            }
        });
        getletter = str;
    }

对于 div：

<div id="retail_group">
<div id="loadingImage" style = "display:none">
<img src="/admin/images/ajax-loader.gif" style="text-align:center;" alt = "Loader" title = "Loader">
</div>
</div>
4

4 回答 4

0

尝试这个：

 $('#loadingImage').show();

或者

 $('#loadingImage').css('display','block');

我认为您的#loadingImagediv 已经有 CSS display: none。

于 2012-07-30T17:31:19.533 回答
0

代替：

$('#loadingImage').attr('style','display:');

尝试：

$('#loadingImage').show();
于 2012-07-30T17:31:59.807 回答
0

只需更改为 $('#loadingImage').css('display','block'); 甚至更简单： $('#loadingImage').show();

于 2012-07-30T17:32:38.683 回答
0

一方面，您应该改用 jqueryshow()和hide()函数。

$('#loadingImage').show();

其次，确保您实际上可以根据浏览器中的图像路径获取图像

http://site.com/admin/images/ajax-loader.gif

如果您使用 jquery 的显示/隐藏，那么您需要删除

style = "display:none">

放入$('#loadingImage').hide();您的文档就绪块

哦，如果你想用 jquery 将 css 设置为一个元素，它应该是这样的

$('#loadingImage').css("display","block");

编辑

您真正的问题是您正在用ajax 结果替换html。 retail_group下次调用该函数时，不再loadingImage显示 div

$("#retail_group").html(data);

您需要像这样更改您的功能：

function passLetter(str)
    {       
     $('#retail_group').html('<img src="/admin/images/ajax-loader.gif"/>');                       
        $.ajax({
        url: "getRetailGroup.php",
        type: "GET",
        async: false,
        data:  {"letter": str},
        success: function(data){
                $("#retail_group").html(data);
            }
        });
        getletter = str;
    }

现在每次调用函数内部retail_group都会是图像，直到 ajax成功完成

于 2012-07-30T17:42:04.403 回答