javascript - Jquery插件将属性传递给另一个对象不起作用

Question

(function( $, window ) {

    $.fn.slideInterval = function( options ) {


    return this.each(function() {

        $(this).css({overflow: "hidden"})

        var slider = {
            self: this,
        init:function( options, elem ) {                
            self.elem = elem;
            self.$elem = $( elem );
            slider.action()

        },
        action:function() {
            slider.moved.call(slider.self)
        },

        moved:function() {

                console.log(options.fade) // options.fade is undefined

        }

    }

    slider.init( options, this );
    });
 }; 

    $.fn.slideInterval.options = function() {
    var options = $.extend({
        fade: 5,
        ImgSlide: null,
        interval: null,
        bullet: 'default',
        context: 'Your Title'
    })( options );

    };


})( jQuery, window);

当我在滑块方法中调用 options.fade 但不起作用时，我遇到了一些问题。如何在滑块对象方法中获取选项对象属性.....?

..................................................... ..................................................... ..................................................... ...

Answer 1

我认为你想要的是options在你调用时扩展传递的对象slideInterval，但我不确定，因为你没有正确解释你的代码和问题：

(function ($, window) {

    $.fn.slideInterval = function(options) {
        // argument default options with passed options
        options = $.extend({}, $.fn.slideInterval.options, options);

        return this.each(function () {
            // ...
        });
    };

    $.fn.slideInterval.options = {
        fade: 5,
        ImgSlide: null,
        interval: null,
        bullet: 'default',
        context: 'Your Title'
    };

})(jQuery, window);