jQuery插件編寫：如何在代碼中使用選項？

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”對象的內容，然后將合並結果分配給settings 。

Answer 2

以下應該工作：

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

或jcreamer898所說的同樣有效：

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

Answer 3

這應該工作...

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