1

我遇到了一个奇怪的问题，我的 jQuery 插件的其他实例正在被修改，即使我相信我已经编写了我的插件来支持多个单独的实例。

我已将代码精简到最基本的部分，您可以在此处对其进行测试：http: //jsbin.com/ajifoh/4/edit#html,live

第一次在任一文本框中按下一个键时，它应该显示leng: 0在控制台中，但是在您出于某种原因触发第一个键后，第二个键还具有为第一个插入的所有组合部件......我做了什么错误的？

;(function($, window, document, undefined){

  var KeyCombinator = function( elem, options ){
      this.$elem = $(elem);
    };

  function ComboPart(keyCode){
    if (keyCode !== undefined){
      this.keyCode = keyCode;
    }
  }
  function ComboData(){
    this.comboParts= [];
  }

  function set_insert(array, value){
    array.push(value);
  }

  KeyCombinator.prototype = {
    comboData: new ComboData(),

    eval_key_event: function(e){
      set_insert(this.comboData.comboParts, new ComboPart(e.keyCode));
    },

    init: function(){
      var $elem = this.$elem;
      var that = this;

      $elem.keydown(function(e){
        console.log('leng', that.comboData.comboParts.length);
        that.eval_key_event(e);
      });
    }
  };

  $.fn.makeKeyCombinator = function(options) {
    return this.each(function() {
      new KeyCombinator(this, options).init();
    });
  };

})(jQuery, window, document);
4

1 回答 1

1

添加到的属性prototype每种类型仅存在一次。由于您在 上实例化ComboData，KeyCombinator.prototype所有实例KeyCombinator共享一个ComboData. 如果您想要 的ComboData每个实例的唯一实例KeyCombinator，则需要在KeyCombinator构造函数中将其实例化，如下所示：

var KeyCombinator = function( elem, options ){
    this.$elem = $(elem);
    this.comboData = new ComboData();
};

这是jsbin中的一个工作示例。

于 2012-04-29T02:06:31.903 回答