我正在使用Twitter Bootstrap。我正在网站上的某个地方使用随附的轮播,旋转DIV列表,一次显示一个div。
它是这样启动的:$('.carousel').carousel({interval: 5000});
Bootstrap轮播非常基础,在网站的其他地方,我需要一个轮播,该轮播允许我一次显示多个项目,添加回叫等,因此我想使用jq.carousel或jQuery 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()
。