使用jquery加载页面时出现的小问题

Question

我正在使用slidedeck jquery插件，它基本上将幻灯片放在我的页面上。一切正常，但问题在于css加载部分。在这些幻灯片下面，我有另一页的import语句。我导入的这个页面在完全显示之前从数据库中提取了相当多的数据。 因此，每当我打开我的页面一两秒钟，我的页面的显示就会变成干线。可能的原因可能是我将大部分jquery包括在document.onready函数中的这些幻灯片中。因此，由于文档未在该段时间内完全加载，因此也不会显示幻灯片。 （因为它们显示但是以一种奇怪的方式......它们遍布整个页面!!!!） 有没有什么方法可以确保我的css和jquery首先加载，然后调用这个我正在导入的页面或类似的东西。我只是希望我的显示器在开始时很好。

这是我正在使用的slidedeck jquery插件 slidedeck：http://www.slidedeck.com/

Answer 1

啊，我实际上找到了解决问题的方法。现在我正在做的是我保持包含此幻灯片的div（比如id =“slideDeckContainer”）最初为隐藏（使用css style=display:none）。只有在完成页面加载$(document).ready(function(){....});之后才能调用$('#slideDeckContainer）。show（）;在div上。 （因为只有在加载页面后才调用$(document).ready(function(){...})）

绝对不是最好的解决方案，但现在它有效：）。

Answer 2

而不是$(document).ready(function() { //code here });您可以使用$(document).load(function() { //code here});加载函数在加载选择器中的所有内容后触发。在这种情况下，我们选择文档，因此只有在CSS，javascript和DOM完成加载后才会运行此函数。另一个建议是将要加载内容的DOM元素赋予定义的宽度和高度。这样，在加载完成之前，将为加载内容保留空间，并且不会弄乱页面布局。