0
$(function(){    
       $(document).ready(function() {  
    $('#demo_content').html('<img src="http://v.com/ajax-loader-1.gif"alt="Wait" />');

        $('#demo_content').load('http://vbizmarketing.com/myphp.php?nice=9176198');
        return false;
        cache:false

    });
});

这很有效,我很感谢 stackover flow 社区帮助我解决了最初的问题,但我一直在尝试调用

$('#demo_content').html('IMAGE HERE');

在一个单独的 div 中,这样我就可以将加载图像居中,而不是放在我实际上从另一个文件中提取的左对齐文本中。

非常感谢任何建议或意见。

谢谢

4

3 回答 3

2

你的意思只是一个CSS规则来使图像居中吗?

在一个单独的 div 中,这样我就可以将加载图像居中,而不是放在我实际上从另一个文件中提取的左对齐文本中。

你可以用一些CSS和回调来做到这一点.load()

的CSS:

#loading{
    text-align:center;
    display:none;
}

标记:

<div id="demo_content">
    <div id="loading">
        <img src="http://vbizmarketing.com/ajax-loader-1.gif"alt="Wait" />
    </div>
    <div id="content"></div>
</div>

剧本。

$(function() {
    $("#loading").show(); //show the loading div.

    $('#content').load('http://vbizmarketing.com/myphp.php?nice=9176198', function() {
        $("#loading").hide(); //use the callback function for the load method to hide the loading div
    });
});

jsfiddle上的代码示例。

于 2011-03-21T23:44:28.557 回答
1

我有点不清楚您要完成什么/遇到问题。但在这样的场景中 - 我做了以下事情:

function loadImage()
{
    $('div#container')
        .html(  "<img class='spinner' src='" + ajax spinner path + "'/>"  )
        .fadeIn();

    var newImg = new Image();
    $(newImg)
        .load( function()
            {
                $('div#container')
                    .stop()
                    .css({
                        'opacity'   :'1.0'
                    })
                    .html(newImg);

                $(this)
                    .hide()
                    .fadeIn();
            }
         )
        .attr(  'src'   , ' new image path here ' )
        .error( function()
            {
                $('div#container')
                .html( "<img src='" + loadFailUrl+ "'/>" )
            }
        );
}

所以 - 首先用 .html 附加容器 div。这将是加载图形的路径。

该函数的第二部分创建一个新的 Image 元素,附加一个加载事件和一个错误事件。附加 src .attr 定义 src 路径,并启动加载。

load 事件包含一个匿名回调函数,如果当前的fadeIn() 动画正在运行,它会调用stop,并将新创建的图像附加到html 中(同时删除加载图形)。

最后,图像得到一个 fadeIn() 序列。

只有大约 17,233 种方法可以做到这一点。我过去成功地使用过它...

干杯!

于 2011-03-22T00:14:29.103 回答
0
$("#div").ajaxStop(function(){  
    $(this).hide();  
});

加载内容后,此功能会隐藏加载栏 感谢所有建议。

于 2011-03-21T23:58:53.570 回答