如何在页面加载时预加载Javascript编写的HTML？

Question

So here is what I am trying to achieve. 所以这就是我想要达到的目标。 I currently have a FeedBurner script in my webpage. 我的网页上目前有一个FeedBurner脚本。 I use the <script> tags for the feed and when the page loads, the script generates the feed HTML. 我对提要使用<script>标记，并且在页面加载时，脚本会生成提要HTML。 What I'm trying to do is to have all the HTML associated with the feed to preload and then fade in. I tried putting the script in an external file and making an Ajax call but that didn't actually wait till everything was finished loading. 我想做的是让与提要相关的所有HTML都预先加载，然后淡入。我尝试将脚本放入外部文件中并进行Ajax调用，但实际上并没有等到所有内容加载完成。

I am currently using jQuery. 我目前正在使用jQuery。

Thanks. 谢谢。

Answer 1

Put that code in window load function instead of DOM Ready 将该代码放入window load函数中，而不是DOM Ready中

$(window).load(function() {
      // Make ajax request here and check if that helps
});

Answer 2

您可以在身体部位使用这样的JS函数。

<body onload="func()">

Answer 3

Use the ajax call on window.load like Sushanth said along with appending it with display:none and then fading it in. 像Sushanth所说的那样在window.load上使用ajax调用，并在其后面附加display：none，然后使其淡入。

$(window).load(function() {
      $content = $.get();
      $content.css('display', 'none').appendTo('#my_element').fadeIn()
});

如何在页面加载时预加载Javascript编写的HTML？

问题描述

3 个解决方案

解决方案1
1 2012-10-12 17:11:58

解决方案2
0 2012-10-12 17:34:02

解决方案3
0 2012-10-13 03:55:26

如何在页面加载时预加载Javascript编写的HTML？

问题描述

3 个解决方案

解决方案1 1 2012-10-12 17:11:58

解决方案2 0 2012-10-12 17:34:02

解决方案3 0 2012-10-13 03:55:26

解决方案1
1 2012-10-12 17:11:58

解决方案2
0 2012-10-12 17:34:02

解决方案3
0 2012-10-13 03:55:26