在加载html之前加载jquery插件和jquery_Jquery

在加载html之前加载jquery插件和jquery

jquery

在加载html之前加载jquery插件和jquery,jquery,Jquery,我有一个问题，我想显示响应性滑动图像，我的代码 $('document').ready(function () { $.getScript("sliding_zoom/responsiveslides.js", function () { $(".rslides").responsiveSlides({ maxwidth: 1024, speed: 2000, pause: false }); })

我有一个问题，我想显示响应性滑动图像，

我的代码

$('document').ready(function () {


    $.getScript("sliding_zoom/responsiveslides.js", function () {

        $(".rslides").responsiveSlides({
        maxwidth: 1024,
        speed: 2000,
        pause: false
    });


})

})

我的HTML

           <ul class="rslides" id="Ul1">
                    <li>

                        <a href="Images/noimage.jpg" class="fancybox" rel="fancybox" title="SHAKEOUT">


                            <img src="Images/Linear_Motion_Shakeout_1.jpg" alt="" />


                        </a>



                    </li>
                    <li>
                        <a href="Images/noimage.jpg" class="fancybox" rel="fancybox" title="SHAKEOUT ">
                            <img src="Images/Shakeout.jpg" alt="" />



                        </a>

                    </li>


                </ul>

上面的代码工作正常，但问题是由于互联网带宽缓慢或可能是一些问题。我的ul-li一个接一个地加载所有图像（意味着用户能够在jquery插件完全加载ul-li并将所有图像恢复到正常位置后6秒内看到垂直方向显示的所有图像）

表示在文档准备就绪（页面已完全加载）时执行

将代码作为

正文

中的第一个元素放入

脚本

标记中

<body>
    <script>
         $.getScript("sliding_zoom/responsiveslides.js", function () {

           $(".rslides").responsiveSlides({
            maxwidth: 1024,
           speed: 2000,
           pause: false
        });

    </script>
    <!-- Rest of the HTML -->
</body>


$.getScript（“滑动/缩放/responsiveslides.js”，函数（）{
$（“.rslides”）.响应幻灯片({
最大宽度：1024，
速度：2000，
暂停：错
});

它将在读取代码后立即执行。

错误方式：

$('document').ready(function () {

})

正确的方法：

$(document).ready(function() {
    //your code goes here 
});

这将在文档结构准备就绪时运行脚本。

没有得到您，您可以提供一些示例，但这将在实际加载所有幻灯片之前结束调用

responseSlides（）

。在DOM准备就绪之前加载脚本本身。仅在

responseSlides（）

调用

ready

时执行

responseSlides（）。
$(document).ready(function() {
    //your code goes here 
});