通过jquery 修改的dom 无法使用jquery的方法 -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

通过jquery 修改的dom 无法使用jquery的方法

2016-06-14 17:35:08 1530 1
<body>    
    <span class="title" id='color_but'>    
    点击此处为标题添加颜色    
    </span>    
</body>  
<script type='text/javascript'>  
    $('#color_but').click(function(){  
        $(this).replaceWith("<input  id='ok' type='button'value='确定'/>")  
    });  
    
    $('#ok').click(function(){  
        alert('ddd');      
    });      
</script>

通过jquery修改后的button是无法触发的,这是为什么 如果是使用onClick绑定的事件就可以触发,应该是一个基础的问题,一直以为可以这么用的~~

取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:38:21

    你对#ok的绑定操作在js执行到这行时就进行了,但得你生成这个#ok要到你点击#color_but之后才出现。
    结果就是你在执行绑定#ok的时候,这个#ok还根本没出现。

    就你的代码而言,我不知道你的具体应用场景。你绑定部分可以试试代理delegate或者使用 jq 推荐的 on
    以下几种都可以

    $('body').delegate( '#ok', 'click', function() {
        alert('ddd')
    })
    
    $('body').on('click', '#ok', function() {
        alert('ddd')
    })
    

    总之是需要在已存在的上层进行绑定。

    0 0
相关问答

1

回答

求jquery的回调方法。

2016-07-12 16:17:42 1331浏览量 回答数 1

1

回答

jquery中的ajax的请求出现问题

2016-07-14 16:58:18 2047浏览量 回答数 1

1

回答

jquery mobile ajax 请求,弹出提示框

2016-07-05 17:07:35 1917浏览量 回答数 1

1

回答

ajax刷新的元素里jquery绑定事件失效

2016-05-27 08:34:48 2667浏览量 回答数 1

1

回答

JQuery中ajax如何缓存引入的js文件

2016-05-25 09:46:47 1749浏览量 回答数 1

1

回答

JS中用JQuery的ajax批量请求URL

2016-05-25 10:37:28 2115浏览量 回答数 1

1

回答

jQuery同时ajax多次的问题。

2016-05-25 11:36:45 1659浏览量 回答数 1

1

回答

一个页面如何用jQuery写多个ajax提交

2016-05-25 13:56:52 1536浏览量 回答数 1

1

回答

jquery ajax的success中给外部定义的变量赋值,外部引用的话为空?

2016-03-26 09:07:46 2111浏览量 回答数 1

1

回答

给jquery ajax 拼接的html标签绑定一个tap事件总是无法点击?

2016-03-26 09:14:05 2024浏览量 回答数 1
+关注
杨冬芳
IT从业
1
文章
9167
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载