我可以在Twitter Bootstrap中重命名Carousel以避免冲突吗？如果是这样的话？

Question

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

它是这样发起的:

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

Bootstrap Carousel非常非常基础,在网站的其他地方我需要一个旋转木马,允许我一次显示多个项目,添加回调等,所以我想使用像jq.carousel或jQuery Carousel这样的东西.这两个函数都使用与Bootstrap函数相同的函数名,并且如下所示:

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

所以...存在冲突.在一个站点上使用这两个插件有哪些不同的方法？有没有办法重新定义其中一个插件,以便用不同的名称调用它？如果您认为我以错误的方式接近这个问题请说出来,我非常乐于接受建议和学习:)

基于评论的其他信息: 如果可能的话,我想保留缩小的插件js文件,因此我对在外部重命名一个实例的方式感兴趣,以便将来的插件升级很容易.

Answer 1

在加载第二个carousel插件之前,在本地重命名第一个函数,如下所示:

<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>

然后,如果你想要你要调用的bootstrap版本.bootstrapCarousel(),而另一个版本就是你想要的.carousel().