Question

$(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中，这样我就可以将加载图像置于中心位置，而不是放在我实际从另一个文件中拉出的左对齐文本中。

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

谢谢

Answer 1

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

在一个单独的div中，以便我可以拥有加载图像居中而不是被放入左对齐的文本中我实际上已经离开了另一个文件。

你可以通过.load()

上的一些css和回调来做到这一点

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上的代码示例。

Answer 2

我有点不清楚你要完成什么/遇到问题。但在这种情况下 - 我做了以下事情：

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元素，附加一个load事件和一个错误事件。附加src .attr定义src路径，并启动加载。

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

最后，图像得到一个fadeIn（）序列。

这种做法只有大约17,233种。我过去成功地使用了它......

喝彩！

Answer 3

$("#div").ajaxStop(function(){  
    $(this).hide();  
});

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

Jquery，ajax，加载，准备好了

3 个答案: