了jQuery，AJAX，负载，准备

$(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 

    }); 
});

这可以创造奇迹，我gratefull为stackover流社区帮助我原来的问题，但我一直在试图拨打了jQuery，AJAX，负载，准备

$（'＃demo_content '）.html（'IMAGE HERE'）;

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

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

谢谢

来源

2011-03-21 Ryan McCullagh

为什么你有一个嵌套在速记版本内的longhand document.ready函数？ – 2011-03-21 23:38:12

我真的不能提供一个合乎逻辑的回答你的问题，我是新来的ajax和JavaScript和上面的脚本工作 – 2011-03-21 23:40:40

它会工作，但摆脱'$（document）.ready（function（）{'code。You只需要'$（function（）{'block。 – 2011-03-21 23:41:50

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

在一个单独的DIV
，这样我可以有加载图像居中，而不是被放置到左对齐文本，我实际上是从另一个文件拉动。

你可以用一些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代码示例。

来源

2011-03-21 23:44:28

@ Mark-我的目标是允许'加载图像'居中，一旦完成加载，然后使用加载内容并将其放置到单独的div中。因为现在加载栏工作正常，并且一切都很好，它只是我无法弄清楚如何将加载图像放到不同的div中，一旦加载完成，加载消失 – 2011-03-21 23:49:25

我想我要去实现.ajaxStop（） – 2011-03-21 23:56:28

查看更新，你也可以使用'load（）'方法的回调来隐藏div。 – 2011-03-22 00:01:18

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

该功能一旦内容被装载感谢所有的意见隐藏加载条。

来源

2011-03-21 23:58:53

我有点不清楚你试图完成/有问题。但在这样的情况下 - 我已经完成以下操作：

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+ "'/>") 
      } 
     ); 
}

所以 - 首先将容器div与.html一起追加。这将是加载图形的路径。

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

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

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

这样做只有大约17,233个方法。我已经成功地使用了这个...

干杯！

来源

2011-03-22 00:14:29 Bosworth99

了jQuery，AJAX，负载，准备

回答

相关问题