Javascript/Jquery、類似のグローバル変数を持つ複数のクラスをインスタンス化

Question

私はプラグインを作成しました。

しかし、グローバル変数を使用して現在のアイテムインデックスを格納します。

ページ上に複数のインスタンスを配置すると、ページ上に同じグローバル変数のインスタンスが複数存在するため、スクリプトの各ブロックが混乱するため、すべてが間違っています。

各プラグインをインスタンス化することはできますか？これを避けるためにページに追加する方法はありますか？javacriptの各ブロックは自分自身にのみアクセスします fields/properties？

Answer 1

あなたは.data()を使用して要素に変数を添付することができます。

$(this).data('my-plugin', someValue); 
// Note: if the above line is in a regular jQuery plugin ($.fn.myPlugin = ...) 
// then 'this' does not need to be wrapped. 

は再びそれを取得します。

$(this).data('my-plugin'); 

変数はあなたのプラグインがオンに初期化される要素と直接関連しているこの方法です。