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

我使用的是slidedeck jquery插件，它基本上把幻灯片放在我的页面上。一切正常，但问题在于css加载部分。在这些幻灯片下面，我有另一页的导入语句。我正在导入的这个页面在完全显示之前从数据库中获取了大量数据。 因此，每当我打开我的页面一两秒钟，我的页面就会显示出来。造成这种情况的可能原因可能是我将大部分jquery（包括这些幻灯片的jquery）放在document.onready函数中。因此，由于文档在这段时间内未完全加载，幻灯片也不会显示。（如图所示，它们以一种奇怪的方式显示……它们遍布页面！！！！） 是否有某种方法可以确保我的css和jquery先被加载，然后调用我正在导入的页面或类似的东西。我只是希望我的显示器一开始就很好

这是我正在使用的slidedeck jquery插件

---

slidedeck:

而不是

$（document）.ready（函数（）{//code here}）

您可以使用

$（document.load（function（）{//code here}）加载函数在选择器中的所有内容加载后激发。在本例中，我们选择的是文档，因此此函数将仅在CSS、javascript和DOM完成加载后运行。另一个建议是，将加载内容的DOM元素指定为定义的宽度和高度。这样，在加载完成之前，将为加载内容保留空间，并且不会扰乱页面布局。
而不是
$（document）.ready（function（）{//code here}）
您可以使用
$（document.load（function（）{//code here}）加载函数在选择器中的所有内容加载后激发。在本例中，我们选择的是文档，因此此函数将仅在CSS、javascript和DOM完成加载后运行。另一个建议是，将加载内容的DOM元素指定为定义的宽度和高度。这样，在加载完成之前，将为加载内容保留空间，并且不会打乱页面布局。
啊，我实际上找到了解决问题的方法。现在我要做的是，我将包含此幻灯片的div（比如id=“slideDeckContainer”）保持为隐藏状态（使用css
style=display:none
）。只有在页面加载完成后，才能在
$（document）.ready（function（）{….}）中加载我调用
$（'#slideDeckContainer
）.show（）；在div上。（因为
$（document）.ready（function（）{…}）
仅在加载页面后调用）

当然不是最好的解决方案，但目前它仍然有效：）。
啊，我确实找到了解决问题的方法。现在我要做的是，我将包含此幻灯片的div（比如id=“slideDeckContainer”）保持为隐藏状态（使用css
style=display:none
）。只有在页面加载完成后，才能在
$（document）.ready（function（）{….}）中加载我调用
$（'#slideDeckContainer
）.show（）；在div上。（因为
$（document）.ready（function（）{…}）
仅在加载页面后调用）

当然不是最好的解决方案，但目前它仍然有效：）。
pranky，您是使用ajax加载数据并调用外部文件，还是直接使用嵌入页面中的php加载数据以将数据从数据库加载到页面中？不，这实际上不是ajax请求。我使用的是spring，所以我导入的页面有一个与之关联的多动作控制器，当对该页面的请求到来时会调用该控制器。哦，是不是因为数据太多，浏览器加载页面需要花费时间？因为jsp页面在客户端已经转换为html。有什么方法可以让document.onready函数中的js首先运行吗？恶作剧，我看到spring是一个基于java的平台。我不懂java，所以恐怕我已经走到了死胡同。很抱歉，我没能帮助你。我希望其他人可以。是的，我想我应该在JSP的开头提到java本身：P…thnks无论如何，恶作剧，你是使用ajax加载数据并调用外部文件，还是直接使用嵌入页面的php加载数据以将数据从数据库加载到页面？不，这实际上不是ajax请求。我使用的是spring，所以我导入的页面有一个与之关联的多动作控制器，当对该页面的请求到来时会调用该控制器。哦，是不是因为数据太多，浏览器加载页面需要花费时间？因为jsp页面在客户端已经转换为html。有什么方法可以让document.onready函数中的js首先运行吗？恶作剧，我看到spring是一个基于java的平台。我不懂java，所以恐怕我已经走到了死胡同。很抱歉，我没能帮助你。我希望其他人可以。是的，我想我应该在jsp的开头提到java：P…thnks无论如何，你的意思是
$（window）.load（function（）{…}）
而不是
$（document）.load（function（）{}）？？…我想这两种方法都可能有效？不，实际上它不起作用，我对“$（window.load（function（）{…}）”也有同样的问题。我想这是因为我的页面加载时间有点长，顺便说一句，window.load只在document.ready之后调用，我想要的是在document.ready之前就可以运行的东西。谢谢你的意思是
$（窗口）.load（函数（）{…}）
而不是
$（document）.load（function（）{}）？？…我想这两种方法都可能有效？不，实际上它不起作用，我对“$（window.load（function（）{…}）”也有同样的问题。我想这是因为我的页面加载时间有点长，顺便说一句，window.load只被称为aft