Question

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="jquery.blueberry.js"></script>

<script>

$(window).load(function() {
   $('.blueberry').blueberry();

});

</script>



<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="jquery.bxSlider.js"></script>
<script type="text/javascript">


    $(document).ready(function(){
          $('#slider').bxSlider({
              ticker: true,
              tickerSpeed: 5000,
              tickerHover: true
      });
    });


</script>

我在同一页面中使用此查询用于同一页面中的图库和内容滑块，但它们不起作用。在这里帮助我这个新的

Answer 1

您添加了2个标准版本的jquery。使用其中任何一个

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>

仅添加

这是所有脚本的顶部

<script src="http://code.jquery.com/jquery-latest.js"></script>

Answer 2

哪些脚本不起作用？

要使其中任何一个工作，这两个脚本必须与HTML页面位于同一文件夹中; jquery.blueberry.js jquery.bxSlider.js

否则，您需要将这些引用到它们所在的文件夹，例如〜/ scripts /＆lt;＆gt; .js

另外，你有2个jQuery引用。一个人需要离开（我建议1.6.1随着你最近的加载而去）。否则，如果blueberry或bxSLider依赖于1.6.1而另一个依赖于2.1.0，则需要使用jQuery.noConflict（）。

Answer 3

您只需要包含一次jQuery库，所以请尝试：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="jquery.blueberry.js"></script>
<script src="jquery.bxSlider.js"></script>
<script>
$(window).load(function() {
    $('.blueberry').blueberry();
    $('#slider').bxSlider({
        ticker: true,
        tickerSpeed: 5000,
        tickerHover: true
    });
});
</script>

我选择版本1.6，因为我不确定jQuery的最新版本是否与您的自定义插件兼容。

如何在单页中使用多个脚本

3 个答案: