动态拼接的click事件不能被触发

一.需求分析
1.jsp页面引用的.js插件中动态拼接HTML页面上的元素,class设置为change.
这里写图片描述
2.在jsp的本js文件中调用$(选择器).click(function(){..})

$(".change").click(function(){
    var y=$(this).parents("form").find("h3").html();
    var d=$(this).parents("td").find("span").html();
    $("#changeele").find("i").html(y+d+"日");
    $("#change").animate({top:"15%"});
    $("#mark2").show();
})

3.测试结果
click事件没有触发

二.过程思路
1.第一种思路
我想的是将拼接处的class=”*”改成οnclick=”fn{}”
这里写图片描述
然后测试 结果不行
2.第二种思路
将写在js的click事件放在jsp文件的script
这里写图片描述
不管是放在初始化函数里面还是外面都是不行
3.第三种思路
将拼接处的class=”*”改成οnclick=”fn{}”,然后放在jsp文件的script中,也就是综合了第一种思路和第二种思路
这里写图片描述
三.总结
不管是在JSP页面里面的动态拼接,还是在.js(插件)文件里面的动态拼接,$(选择符).click都不行,不管是在.js文件里还是在jsp页面里面都不行; 拼接的时候用onclick,,在.js文件中function(){..}是不行的,在jsp的初始化函数中也是不行的,必须是在初始化函数外面.也就是全局.

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值