Question

我的网站上有多个html页面和滑块。

我正在使用Bxslider和有些页面也有Owl Carousel，但我不想让多个.js文件在每个页面上调用不同的滑块。

我可以只创建一个js文件，并在所有页面上使用上面的代码。像这样，在一个.js文件中调用所有滑块

$(document).ready(function(){
  $('.bxslider').bxSlider();
  $("#owl-example").owlCarousel();
});

我不想在每个不需要它的页面中包含插件（owl-carousel和bxslider）js文件。

在没有滑块的页面上调用滑块会影响性能吗？

谢谢！

Answer 1

这样做很好，并且不会影响性能，因为当你这样做时

$("#owl-example").owlCarousel();

并且没有任何东西与＃owl-example选择器匹配，它不会返回任何元素，因此不会调用.owlCarousel（）。

因此，你不仅可以在一个带有这些泛型调用的js文件上执行此操作，我会鼓励它，因为这是最好的方法 - 如果你需要更改轮播功能，那么它就在一个地方。

Answer 2

在调用函数之前检查页面是否有滑块：

$(document).ready(function(){
    if($('.bxslider').length > 0)
    {
        $('.bxslider').bxSlider();
    }
    if($('#owl-example').length > 0)
    {  
        $('#owl-example').owlCarousel();
    }
});

多个html页面一个js文件？

2 个答案: