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（手风琴或百叶窗）中实现它们，问题是只能运行一个脚本，有没有人知道如何修改它们以便所有jquery都能运行，我可以在整个页面中重用它们吗？

例如，如果我将手风琴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。如果它具有相同的效果，你可能不需要blinds插件。

Answer 2

首先，尝试清理调用脚本的顺序。让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()一次，而不是两次。

希望有所帮助。

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

2 个答案: