javascript - 我可以在 1 个页面中运行 2 个相互重叠的 JQuery 函数吗？

Question

嗨，我在 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( Accordion 或百叶窗)中实现它们，则只有 1 个脚本可以运行，有谁知道如何修改它们以便所有 jquery 都可以运行，并且我可以在整个页面中重用它们？

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

非常感谢您的回答，提前致谢!

Answer 1

只有一个运行，因为另一个在 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 has a built-in blinds effect 。如果百叶窗插件具有相同的效果，您可能不需要它。