0

嗨，我在 html 页面中实现了一些问题 2 jquery 这是我使用的查询：

<script language="Javascript" type="text/javascript" src="js/jquery.blinds-0.9.js"></script>

 <script type="text/javascript">                  //running the script for blinds
    $(window).load(function () {
            // start the slideshow
    $('.slideshow').blinds();
    })
    </script>



<script language="Javascript" type="text/javascript" src="jquery.min.js"></script>
<script language="Javascript" type="text/javascript" src="jquery-ui.min.js"></script>

<script type="text/javascript">              //running the script for accordion
$(document).ready(function() {
$("#accordion").accordion();
});
</script>

问题是如果我在 html 中实现它们（手风琴或百叶窗）只有 1 个脚本可以运行，有谁知道如何修改它们以便所有 jquery 都可以运行，并且我可以在整个页面中重用它们？

例如，如果我将手风琴 js 引用添加到头部，百叶窗将不会运行。

将不胜感激，在此先感谢！

4

2 回答 2

4

只有一个运行，因为另一个是在加载 jQuery 之前执行的

尝试：

<script src="jquery.min.js"></script>              <!--jQuery-->
<script src="jquery-ui.min.js"></script>           <!--jQueryUI plugin-->
<script src="js/jquery.blinds-0.9.js"></script>    <!--blinds plugin-->
<script>                                           <!--your scripts-->
    $(function() {
        $('#accordion').accordion();
        $('.slideshow').blinds();
    });
</script>

并且jQueryUI 内置了百叶窗效果。如果效果相同，您可能不需要百叶窗插件。

于 2012-05-22T14:56:08.523 回答
0

首先，尝试清理调用脚本的顺序。让 jQuery 首先加载，然后所有其他库和您的自定义脚本最后加载。您可能还希望将其保存到外部 JS 文件中以改进维护。

<script type="text/javascript" src="js/jquery.blinds-0.9.js"></script>
<script type="text/javascript" src="jquery-ui.min.js"></script>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="path/to/your/javascript/foo.js"></script>

此外，该属性language="Javascript"是多余的，可以安全地删除。

在foo.js文件中，使用以下内容：

$(document).ready(function () {
    // start the slideshow & accordion
    $('.slideshow').blinds();
    $("#accordion").accordion();
});

这里的区别是您使用$(document).ready()而不是$(window).load(). 此外，您只需要调用$(document).ready()一次，而不是两次。

希望有帮助。

于 2012-05-22T15:05:56.397 回答