javascript - Jquery插件写入: How do I use the options in my code?

Question

所以我正在转换一个插件。最初我有一个传统的 javascript 函数，其中包含一些传入的变量，但我想让它成为一个带有选项的完整 Jquery 插件。该文档向您展示了如何设置它们，但不展示如何在代码中使用它们。这是一些代码:

jQuery.fn.placeholderRX = function(options) {
    var settings = jQuery.extend({
        hoverColor: '#fff',
        addClass: 'null',
        textColor: '#FBFBFB'        
    }, options);

    var $this = $(this);

    $this.children('.inputSpan').each(function() {      
            $(this).children('.inputText').hover( 
                function() {
                    $input.children('.input').css('background-color', hoverColor);
                },
                function() {
                    $input.children('.input').css('background-color', revertColor);
                }
            );
        }       
    });
};

如何将该颜色选项值传递给其下方的悬停功能？或者更简单地说，我可以将选项值传递给变量吗？

Answer 1

您已声明一个名为settings 的变量。您可以使用 settings.hoverColor 访问该对象的 hoverColor 属性:

$input.children('.input').css('background-color', settings.hoverColor);

插件的 options 参数也将是一个对象。当您传入该值时，extend 方法将合并 options 对象和“defaults”对象的内容，并将合并结果分配给 设置。