我正在使用Twitter Bootstrap。我正在网站上的某个地方使用随附的轮播,旋转DIV列表,一次显示一个div。

它是这样启动的:

$('.carousel').carousel({interval: 5000});

Bootstrap轮播非常基础,在网站的其他地方,我需要一个轮播,该轮播允许我一次显示多个项目,添加回叫等,因此我想使用jq.carouseljQuery Carousel之类的东西。两者都使用与Bootstrap相同的函数名,并以如下方式启动:

var $carousel = $('.mycarouselclass').carousel();

所以...有冲突。在一个站点上使用两个插件有哪些不同的方式?有没有一种方法可以重新定义一个插件,以便用不同的名称来调用它?如果您认为我以错误的方式解决了这个问题,请这样说,我很乐意提出建议和学习:)

根据评论的其他信息:
我想尽可能地保持缩小的插件js文件不变,因此我对从外部重命名一个实例的方式感兴趣,以便将来的插件升级很容易。

最佳答案

在加载第二个旋转木马插件之前,您需要在本地第一个旋转木马插件中重命名该函数,如下所示:

<script type='text/javascript' src="bootstrapCarousel.js"></script>
<script type='text/javascript'>
    $.fn.bootstrapCarousel = $.fn.carousel;
    delete $.fn.carousel;
</script>
<script type='text/javascript' src="nonBootstrapCarousel.js"></script>


然后,如果您想要引导程序版本,则将其称为.bootstrapCarousel(),而对于另一个版本,它只是.carousel()

10-06 07:53
查看更多