如何在不编辑的情况下覆盖插件的几个参数

Question

想要覆盖插件的几个参数而不编辑它。插件链接https://www.o2.co.uk/shop/homepage/images/shop15/carousel/js/carousel.jquery.js 我们可以添加另一个脚本来覆盖上述脚本对象参数，例如将 displayTime 设置为 1000 并将 autoStart 设置为 false。 .我试过 $.extend()。但失败了。我不想更改当前插件

<script>

(function($,document,undefined) {
$.fn.carousel = function(opts) {
var options = {
   'displayTime': 5000,
   'autoStart': true
};

<----code --->
}
</script>

Answer 1

你可以用你自己的函数替换它：

var oldCarousel = $.fn.carousel; // Need a reference to the original
$.fn.carousel = function(opts) {
  var options = {
    // set your personal defaults here
  };
  if (opts) {
    $.extend(options, opts);
  }
  return oldCarousel.call(this, opts);
};