jQuery錯誤，未定義變量

Question

我正在嘗試按照以下代碼創建插件。 我在if(options.controls == true)行上遇到錯誤

我得到的錯誤是“ options is not defined ”。

我應該如何定義？

(function($) {

    $.fn.jwslider = function(options){
        var defaults = {            
            controls: true           
        };      
        var options = $.extend(defaults, options);      
    }

    init();

    function init()
    {
        if(options.controls == true)
        {
            alert("controls true");
        }       

    } 

}(jQuery)); 

Answer 1

您必須在功能范圍之外定義options變量。

當前它在$.fn.jwslider的范圍內定義，因此它給出了錯誤。

Answer 2

(function($) {

    $.fn.jwslider = function(options){
        var defaults = {            
            controls: true           
        };      
        var options = $.extend(defaults, options);      

        init();

        function init()
        {
            if(options.controls == true)
            {
                alert("controls true");
            }       
        } 
    }
}(jQuery)); 

然后可以在init函數中訪問這些options