スクリプトへのフィールドの受け渡し

Question

私のスクリプトでは、autoHide: trueのような「もの」を読み込んで、スクリプト上に変数やその他のものを設定するにはどうしたらいいですか？私は彼らが何を正確に呼ばれているか分からないので、私はそれらを「もの」と呼んでいます。知識の不足のためにおそらく何千もの資源があることを意味しています。

私はscrollbarWidth,themeなどの複数のオプションを持ちたいと思いますが、私のファイルでそれらを読み取る方法はまだ分かっていません。私は少し迷っています！

私は現在、実際に働いているスクリプトのライブデモンストレーションhereを持っています。

(function(jQuery, undefined) { 
    "use strict"; 
    jQuery.fn.extend({ 
     BananzaScroll: function() { 

     // Script Functions Here 

     } 
    }); 
})(jQuery); 


$("#demo").BananzaScroll({ 
    autoHide: true 
}); 

Answer 1

基本的にはグローバルスコープで設定しただけです。

<script> 
    var myValue = 'abc'; 
</script> 

(function ($) { 
    console.log(myValue); 
})($); 

あなたが値の多くを必要とするものを作成している場合は、それらを保持し、グローバルスコープでちょうどそれを置くためのオブジェクトを作成するのが最善だろう：

<script> 
    var myOptions = { 
     autoHide: false, 
     speed: 5, 
     scrollBarWidth: 10 
    }; 
</script> 

これは続けて地球規模のスコープがあまりにも汚染されることからまた、グローバルスコープ内の他のものとの衝突を避けるために、擬似名前空間にしたいと思うでしょう。

<script> 
    var myApplicationName_myData = {}; 
</script> 

あなたはjQueryプラグインをやっている場合は、あなたが実際にスクリプトにパラメータとして渡すことになるでしょう：

<script> 
    $('#id').myPlugin({ 
     autoHide: false 
    }); 
</script> 

$.fn.myPlugin = function (options) { 
    console.log(options.autoHide); 
}; 

Answer 2

はそうのように、BananzaScrollの定義に引数を渡します。 https://jsfiddle.net/80x1hLk1/：

(function(jQuery, undefined) { 
    "use strict"; 

    jQuery.fn.extend({ 
    BananzaScroll: function(opts) { 
     console.log(opts); // opts contains the object you pass in 
    } 
    }); 
})(jQuery); 

$('#demo').BananzaScroll({ 
    autoHide: true 
}); 

JSBin demo