jquery - jQuery插件未定义选项

Question

我有一个非常简单的 jquery 插件，我只是想从中读取选项，但无法弄清楚我做错了什么。当我尝试运行它时，我得到一个“选项未定义的 js 错误”。

这是我的代码：

(function($) { 

$.fn.extend({
headerSlideshow: function(){

    var defaults = {
            padding: 20,
            mouseOverColor : '#000000',
            mouseOutColor : '#ffffff'
        }

    var options =  $.extend(defaults, options);

},
header: function() {
    this.headerSlideshow(options);
    setInterval( "this.headerSlideshow(options)", 1000 );
}
});

}) (jQuery);  

Answer 1

很可能你必须在你的和函数中接受一个options参数：headerSlideshowheader

function(options)

另外，不要将字符串传递给setInterval. 这将使用eval. 更好地传递一个函数：

header: function(options) {
    var element = this;
    this.headerSlideshow(options);
    setInterval(function() { element.headerSlideshow(options); }, 1000);
}