起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2008|回复: 6

[结贴] div中动态添加的div无法触发事件

[复制链接]

50

主题

157

帖子

517

积分

高级会员

Rank: 4

积分
517
QQ
发表于 2017-9-6 11:40:10 | 显示全部楼层 |阅读模式
我在一个div中动态添加了div,但是新添加的div中的事件无法触发,js代码如下:

  1. Model.prototype.modelModelConstructDone = function(event){
  2.                         //获取左侧树数据,自动加载出左侧树
  3.             var data = this.comp("treeData");
  4.             var self=this;
  5.             data.eachAll(function(obj) {
  6.                       var name = obj.row.val("NAME");
  7.                       var id = obj.row.val("ID");
  8.                       var fid = obj.row.val("FID");
  9.                       var html="<div xid='"+id+"' style='height:30%;width:100%;background-image:url("../../img/org_unselect.png");background-size:100% 100%;' data-bind='click:div5Click'><div xid='div8' style='height:100%;width:70%;float:right;font-size:x-large;text-align:center;vertical-align:middle;'>"+
  10.                                               "<p xid='p2' style='vertical-align:middle;line-height:300px;height:100%;'> "+name+" </p></div></div>";
  11.                       $(self.getElementByXid('div3')).append(html);
  12.             });
  13.                       
  14.         };
复制代码

div5Click无法触发
发表于 2017-9-6 11:52:21 | 显示全部楼层
动态创建HTML 的代码!请参考
http://doc.wex5.com/comp-base/#2.2
不能用jquery dom操作的!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

50

主题

157

帖子

517

积分

高级会员

Rank: 4

积分
517
QQ
 楼主| 发表于 2017-9-6 14:51:45 | 显示全部楼层
liangyongfei 发表于 2017-9-6 11:52
动态创建HTML 的代码!请参考
http://doc.wex5.com/comp-base/#2.2
不能用jquery dom操作的! ...

你给我的链接中:
  1.     var newContent = this.comp('contents1').add({});

  2.     var div = $("
  3. <div data-bind='click:divClick'>新的页面</div>

  4. ");
  5.     justep.Bind.addNodes(newContent.domNode, div);
  6.    
  7.     //div的click事件调用的divClick方法
  8.     Model.prototype.divClick = function(){
  9.         alert('单击事件');
  10.    
复制代码

是contents中加div,我的是div中加div,怎么弄?

回复 支持 反对

使用道具 举报

50

主题

157

帖子

517

积分

高级会员

Rank: 4

积分
517
QQ
 楼主| 发表于 2017-9-6 15:10:30 | 显示全部楼层
  1. var html=$("<div xid='"+id+"' style='height:30%;width:100%;background-image:url("../../img/org_unselect.png");background-size:100% 100%;' data-bind='click:div5Click'></div>");
  2.                       justep.Bind.addNodes(self.getElementsByXid('div3'), html);
复制代码


这么弄触发不动事件
回复 支持 反对

使用道具 举报

发表于 2017-9-6 15:21:11 | 显示全部楼层
wwyynn 发表于 2017-9-6 15:10
这么弄触发不动事件

一样的吧!本地测试没问题

terst.rar

743 Bytes, 下载次数: 77

qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

50

主题

157

帖子

517

积分

高级会员

Rank: 4

积分
517
QQ
 楼主| 发表于 2017-9-6 15:37:24 | 显示全部楼层
liangyongfei 发表于 2017-9-6 15:21
一样的吧!本地测试没问题

完美,结贴.
回复 支持 反对

使用道具 举报

1

主题

4

帖子

6

积分

新手上路

Rank: 1

积分
6
QQ
发表于 2017-9-11 16:07:25 | 显示全部楼层
问下楼上的大大们,5楼代码中divClick时间进来的。但是如何区分由哪个组件触发的这一事件,event怎么取出标识
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2025-7-6 02:41 , Processed in 0.112889 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表