解决jQuery定位不到动态生成HTML元素的问题

问题描述

写了一段jQuery,想要获取"a"标签的点击动作,然后弹出一个提示框,
这个“a”标签是另外一段JS代码生成的HTML
结果按照下面的写法,总是无法获取到标签的点击动作

$('#price_check').click(function() {

        });

解决办法

修改成如下方式来获取点击事件:
$(document).on(‘click’,’#id’,function () {

});

说明:

.on( events [, selector ] [, data ], handler )

详细示例:

// 弹出报错提示
$(document).on('click','a[id^='price_check_']',function () {
    var target = $(this).attr('id');
    var msg = priceCheckErrorMsg.get(target);
    msg = msg.replace(/n/g,'</br>');

    $('#price_check_error_msg').html(msg);
    showLayer('hw-layer');
});

发布者:CoolQA,转转请注明出处:https://www.amwalle.com/programming/20200227-%e8%a7%a3%e5%86%b3jquery%e5%ae%9a%e4%bd%8d%e4%b8%8d%e5%88%b0%e5%8a%a8%e6%80%81%e7%94%9f%e6%88%90html%e5%85%83%e7%b4%a0%e7%9a%84%e9%97%ae%e9%a2%98.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
CoolQA的头像CoolQA
上一篇 2020年1月23日 15:10
下一篇 2020年2月29日 14:29

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理