文档章节

js动态生成html事件绑定问题 第三方插件 非click之类

开源中国技术顾问
 开源中国技术顾问
发布于 2017/08/16 17:42
字数 185
阅读 33
收藏 0

用jquery dad实现的div拖拽在div是静态时 好使,然而用js动态生成div时,拖拽效果失效。 由事件委托、绑定导致。 解决方法:在生成div的js后再拼接导入js文件的字符串,将拖拽绑定事件写在单独的js文件里 生成div代码:

	function loadDivOrder() {
	    $.post("${ctx}/system/loadDivOrder",{"code":divOrderCode},function (data) {
            var saleEcharts=$("#saleEcharts");
	        var divOrders=data.data;
	        var e;
            var arr = [];
            $.each( divOrders, function(index, obj){
                e=$(saleEcharts).children("#"+obj.divId);
                arr.push(e)
            });
            $(saleEcharts).empty().append(arr);
            $(saleEcharts).append("<script src=\"${ctxStatic}/js/dad.js\"><\/script>");
        });
    }

dad.js文件:

jQuery(document).ready(function() {
    $('#saleEcharts').dad({
        draggable: 'a.reload',
        callback:function (data) {
            console.log("拖拽完毕");
            saveDivOrder();
        }
    });
});

© 著作权归作者所有

开源中国技术顾问
粉丝 8
博文 40
码字总数 2115
作品 0
东城
程序员
私信 提问
Javascript浏览器兼容性

JS <noscript>标签 早期浏览器都面临一个特殊的问题,即当浏览器不支持JavaScript 时如何让页面平稳地退化。对这个问题的最终解决方案就是创造一个<noscript>元素,用以在不支持JavaScript ...

wersdffg
2015/07/23
0
1
几点建议帮你写出简洁的JS代码

译者按: 规范的代码可以有效避免代码bug,fundebug才会报警少一点! 原文: Tips for Writing Cleaner Code 译者: Fundebug 为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所...

Fundebug
2017/07/13
0
0
jQuery中bind方法与live方法区别

今天做项目时遇到的关于live与bind的问题,经查阅资料所得,live实际上为bind方法的变型,bind方法仅支持当前存在元素的事件绑定,而对于日后js动态生成的元素绑定无效。而live方法则弥补了此...

boxiZen
2013/12/20
0
3
jquery 新建元素的事件绑定

我想很多人都会向我一样曾经被动态添加元素的事件绑定困惑很久,也就是在页面加载完成后给已有元素绑定了事件,但又新增加的元素上却没有绑定任何事件。 js的事件监听跟css不一样,css只要设定...

陈好
2014/08/14
0
0
说说在 Vue.js 中如何实现组件间通信(高级篇)

之前说过,可以使用 props 将数据从父组件传递给子组件。其实还有其它种的通信方式,下面我们一一娓娓道来。 1 自定义事件 通过自定义事件,我们可以把数据从子组件传输回父组件。子组件通过...

deniro
2018/12/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

java版电子商务spring cloud分布式微服务b2b2c社交电商(九)springboot整合Redis

引入依赖: 电子商务社交平台源码请加企鹅求求:一零三八七七四六二六。在pom文件中添加redis依赖: <dependency> <groupId>org.springframework.boot</groupId> ......

sccspuercode
6分钟前
0
0
Atomic包总结

synchronized已经能满足我们日常的线程安全需求了, synchronized是基于代码阻塞的机制, 也就是当某个线程占用资源时,其他线程是无法进入的, 如果这个线程出现问题的时候, 出现大量线程阻...

Java搬砖工程师
18分钟前
0
0
java JVM

1.JVM :方法区 堆 栈 运行常量池 程序计数器PC 栈: stack 方法信息 每个方法在执行的同时都会创建一个栈帧,用于存储局部变量表、操作数栈、动态链接、方法出口等信息 遇到方法【压栈】,执...

哎那个新来的
26分钟前
1
0
怎么升级phpstudy中的php版本

http://www.php.cn/jishu/php/413274.html php官网 下载php版本 https://windows.php.net/

15834278076
37分钟前
2
0
文件已删除但句柄没有释放导致磁盘空间用完

有时候会发现linux文件系统分区已经快满了,但又找不到到底是什么文件占用了磁盘空间,就有可能是已删除的文件的句柄没有释放,还占着空间 检查命令: lsof | grep deleted 如果发现很多del...

果树啊
41分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部