Question

在我的Magento网站上，我为两种轮播提供了两个jQuery脚本：

<script src="<?php echo $this->getSkinUrl('js/jquery.rs.carousel.js') ?>"></script>
<script src="<?php echo $this->getSkinUrl('js/carousel.js') ?>"></script>

jquery.rs.carousel.js：https://github.com/richardscarrott/jquery-ui-carousel/blob/master/src/js/jquery.rs.carousel.js
carousel.js：https://github.com/richardscarrott/jquery-carousel/blob/master/jquery.carousel.js

创建轮播时出现问题。我不知道如何调用脚本而不是另一个脚本。

当我使用它时：

<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery('.un-prod-carousel').carousel();
    });
</script>

它为我创建了一个jquery.rs.carousel.js的旋转木马（这就是我想要的）。

但是当我想创建一个带carousel.js的旋转木马时：

<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery('#prod-sim-carousel').carousel({itemsPerPage: 5, itemsPerTransition: 5});
    });
</script>

它不起作用，因为我认为它调用了jquery.rs.carousel.js的功能，而不是carousel.js的功能。

你能告诉我如何调用特定脚本的功能吗？

Answer 1

也许不是最好但工作正常的解决方案是保存其中一个脚本，例如carousel.js和本地更改

$.fn.carousel = function(options) {
return this.each(function() {
var obj = Object.create(Carousel);
obj.init($(this), options);
$.data(this, 'carousel', obj);
});
};

为：

$.fn.otherCarousel = function(options) {
return this.each(function() {
var obj = Object.create(Carousel);
obj.init($(this), options);
$.data(this, 'carousel', obj);
});
};

并将其称为$（选择器）.otherCarousel（）

包含两个用于轮播的JavaScript文件

1 个答案: