5

jQuery ウィジェットに基づいてリッチ テキスト エディターを作成していますが、1 つのページに複数のインスタンスを含めることができます。最初のインスタンスは、次のようなツールバーを生成する必要があります。

<input type="checkbox" id="bold-1"><label for="bold-1">..
<input type="checkbox" id="italic-1"><label for="italic-1">..
...

2 番目のインスタンスは次を生成する必要があります。

<input type="checkbox" id="bold-2"><label for ="bold-2">..
<input type="checkbox" id="italic-2"><label for ="italic-2">..

ラベルの「for」属性は、対応する入力「id」属性を一意に参照する必要があります。したがって、各インスタンスに一意の ID を追加する必要があります。

このようなものは機能しますが、カウンターをグローバル名前空間に保存するのは好きではありません。

var textEditorCount;
$.widget("myEditor.textEditor", {
   _create: function () {
      textEditorCount = textEditorCount ? textEditorCount + 1 : 1;
      this.instanceID = textEditorCount;
   },
   ...
};

たぶん、質問は次のようになります: (どのように) ウィジェットの名前空間に変数を格納できますか?

4

3 に答える 3

6

クロージャーを使用できます：

(function () {
  var textEditorCount;
  $.widget("myEditor.textEditor", {
     _create: function () {
        textEditorCount = textEditorCount ? textEditorCount + 1 : 1;
        this.instanceID = textEditorCount;
     },
     ...
  };
})();

textEditorCountもはやグローバルになることはありません。

于 2012-07-16T13:57:22.880 に答える
0

グローバル変数 (または NS) 私がしていることであるインスタンスごとに 1 つアップ

于 2012-07-16T13:42:12.903 に答える