Question

您好我有一个具有容器元素和相同子元素的对象：

var Obj = function(){
    this.container = $('.obj');
    this.subObjs = container.find('.subObj'); 
}

在这个Obj中我想创建另一个Object（ObjHandler），广告handlerOn点击每个子对象。

 var Obj = function(){
    this.container = $('.obj');
    this.subObjs = container.find('.subObj'); 

    this.init = function() {
       this.subObjs.each(function(i,el){
         el = new this.ObjHandler(el)
      });
    }

    this.ObjHandler = function(element) {
       this.el = element;
       this.element.on('click',function(){
           console.log('click');
      });
   }

}

我知道我可以像this.subObjs.on('click', function(){})一样简单地使用它但我这只是简化。

此处位于codepen.io

这是好主意，为什么它不起作用？

Answer 1

this.element使用this.el或element
element是原生JS Element的一个实例。用$()包装它以获取定义on函数
您永远不会创建Obj的实例或致电init

fixed pen

在对象JavaScript中创建对象

1 个答案: