动态附加元素jquery和javascript类

动态附加元素jquery和javascript类,javascript,jquery,class,Javascript,Jquery,Class,现在: 它使hello按钮很好,但当我点击它时,什么也没发生 问题: 我想查看alert或console.log 我该怎么做 我的代码: ArtObj类{ 构造函数字符串{ this.text=字符串 } 附加内容包装器{ var div=$ div.findhello.onclick,function{ e、 防止违约 console.logthis.text alertthis.text }; appenddiv } } art1=新的ArtObjstring_zz art1.追加内容$a

现在: 它使hello按钮很好,但当我点击它时,什么也没发生

问题: 我想查看alert或console.log

我该怎么做

我的代码:

ArtObj类{ 构造函数字符串{ this.text=字符串 } 附加内容包装器{ var div=$ div.findhello.onclick,function{ e、 防止违约 console.logthis.text alertthis.text }; appenddiv } } art1=新的ArtObjstring_zz art1.追加内容$artifact\u包装 无法执行div.find,因为div变量本身是一个id为hello的a标记。只需直接在变量div上添加事件

我会将变量重命名为a,这样就不会产生混淆

ArtObj类{ 构造函数字符串{ this.text=字符串 } 附加内容包装器{ var div=$ div.onclick,function e{ e、 防止违约 console.logthis.text alertthis.text }; appenddiv } } art1=新的ArtObjstring_zz art1.追加内容$artifact\u包装 无法执行div.find,因为div变量本身是一个id为hello的a标记。只需直接在变量div上添加事件

我会将变量重命名为a,这样就不会产生混淆

ArtObj类{ 构造函数字符串{ this.text=字符串 } 附加内容包装器{ var div=$ div.onclick,function e{ e、 防止违约 console.logthis.text alertthis.text }; appenddiv } } art1=新的ArtObjstring_zz art1.追加内容$artifact\u包装
看看这个。您的脚本顺序不正确,需要在父元素上使用jQuery find函数

ArtObj类{ 构造函数字符串{ this.text=字符串 } 附加内容包装器{ wrapper.append; wrapper.findhello.onclick,function{ e、 防止违约 console.logthis.text alertthis.text }; } } art1=新的ArtObjstring_zz art1.追加内容$artifact\u包装
看看这个。您的脚本顺序不正确,需要在父元素上使用jQuery find函数

ArtObj类{ 构造函数字符串{ this.text=字符串 } 附加内容包装器{ wrapper.append; wrapper.findhello.onclick,function{ e、 防止违约 console.logthis.text alertthis.text }; } } art1=新的ArtObjstring_zz art1.追加内容$artifact\u包装 创建新jQuery元素的更好方法是将元素选项作为第二个参数传递 从jQuery 1.8开始,任何jQuery实例方法都是jQuery.fn的方法 可以用作传递给第二个参数的对象的属性

定义元素选项内的单击-无需将不必要的侦听器附加到其他元素,如body或document等。 最好在构造函数内的init处定义this.$el,这样,您的append函数将完全按照它所说的那样执行。 根据函数的功能调用函数更有意义,就是这样。将函数追加到某个位置,而不是追加内容。实际上,如果已经使用jQuery,那么根本不需要该方法。 ArtObj类{ 构造函数字符串{ this.text=字符串; 此.$=${ 你好, 文本:你好, href:,, 点击:e=>{ e、 防止违约 console.logthis.text } }; } } 常数art1=新的ArtObjstring_zz; 第1条$.附件为艺术品包装; 创建新jQuery元素的更好方法是将元素选项作为第二个参数传递 从jQuery 1.8开始,任何jQuery实例方法都是jQuery.fn的方法 可以用作传递给第二个参数的对象的属性

定义元素选项内的单击-无需将不必要的侦听器附加到其他元素,如body或document等。 最好在构造函数内的init处定义this.$el,这样,您的append函数将完全按照它所说的那样执行。 根据函数的功能调用函数更有意义,就是这样。将函数追加到某个位置,而不是追加内容。实际上,如果已经使用jQuery,那么根本不需要该方法。 ArtObj类{ 构造函数字符串{ this.text=字符串; 此.$=${ 你好, 文本:你好, href:,, 点击:e=>{ e、 防止违约 console.logthis.text } }; } } 常数art1=新的ArtObjstring_zz; 第1条$.附件为艺术品包装;
只能在将事件附加到wrapper@AlonEitan那是不对的。可以在追加之前将事件绑定到jquery对象。您不能将事件绑定到不存在的DOM元素,但这有细微的不同。哦,我现在看到了,感谢您澄清@freedomn-m,并对延迟回复表示抱歉:您只能在将事件附加到wrapper@AlonEitan那是不对的。可以在追加之前将事件绑定到jquery对象。您不能将事件绑定到不存在的DOM元素,但这有细微的不同。哦,我现在明白了,感谢您澄清@freedomn-m 对于迟来的答复,我深表歉意: