动态生成的标签,怎么添加点击事件打开对应的内容网页?



请问:如图ajax取的数据生成的li标签,给li标签添加点击事件,打开模板网页informa2.html,现在要把informationList[i].content填充到informa2.html里面,函数该怎么写,每个li对应一个informationList[i].content内容网页?


不知道你的informationList[i].content是模态框还是啥,如果内容很多的话,可以先存到一个text节点里,然后给动态生成的元素加个data-*自定义属性做索引,比如data-index,里边直接存text节点的id标签,这样点击事件发生的时候,你就可以用$(this).data('index')取到存好的内容了。当然,如果只是几个关键数值那直接存到data-*里就行了。

参考资料:

  1. dataset属性;

  2. jQuery - .data()


用事件委托,可以为动态元素绑事件


把点击事件加在他们的父元素上 或者 在创建元素的时候给他加上点击事件


这时候linsen click事件不一定最好,你可以给它添加一个onclick='click_me(this,argu1,argu2)',这样通过this就能达到是那个li被点击了,然后通过this.parent()或者this.parents()等操作就可以找到你对应的内容了。



相关阅读:
请问.net 的Encoding.UTF8.GetBytes和Encoding.Unicode.GetBytes分别作了什么?
指定域名,无法访问本地node项目(配置server.js端口为3333) 开发工具:webstorm
如何记录每次点击的选中项,并验证值和答案是否一致?
求教php正则替换怎么写
关于thinkphp中的行为扩展和laravel中的中间件
为什么我的eclipse che在docker中运行不起来?
如果通过url传参显示不同的页面
ng-clas的使用问题
laravel5.2为什么在服务器上获取不到session,storage下的sessions下的文件里面存储的有?
null === ? null全等于什么啊
PHP Closure类的bind()和bindTo()怎么用?
echarts 同样的三张图形,数据不一样,放入选项卡,点击后只显示一张
为什么php里的变量不需要特意声明?
golang &的符号疑问.
在学习hibernate中遇到的一个问题。
Laravel怎么设置动态二级目录
背景图像移动时只能在内边距内移动
移动端通知推送的实现原理?
关于浏览器渲染的问题
同一服务器不同域名如何设置cors



快速导航

Copyright © 2016 phpStudy |