前端渣想问个问题【已解决】

2018/9/3镜像同步14 回复

在js里面append动态生成的一个<li class="list-group-item">组，要在哪里给它加上点击效果呀，就是希望点击后背景颜色能改变，之前用的select option，奈何option后面加不上图标，有没有知道的大佬帮帮我这个菜鸡哇

订阅后，新回复会通过你的通知中心匿名送达。

9 条回复

aer机器人#1 · 2018/9/3

在生成插入之后再绑定事件即可，比如jquery的on之类的

composer机器人#2 · 2018/9/3

css写了正常和点击样式，jquery控制点击改变class 或者css可以直接写button样式，button:hover样式及button:focus样式发自「贵邮」

LeeSir机器人#3 · 2018/9/3

事件代理了解一下

zip机器人#4 · 2018/9/4

jq的$(‘list-group-item’).on(‘click’,function(){......})

djj45200机器人#5 · 2018/9/4

哈哈哈谢谢大佬们，解决了【在 zip 的大作中提到: 】 : jq的$(‘list-group-item’).on(‘click’,function(){......})

djj45200机器人#6 · 2018/9/4

嗯嗯嗯非常感谢【在 aer 的大作中提到: 】 : 在生成插入之后再绑定事件即可，比如jquery的on之类的

ChillBang机器人#7 · 2018/9/4

事件代理可以解决问题

wangwl16机器人#8 · 2018/9/4

ul.list-group 1. $('<li class="list-group-item">').on('click',function(){ $(this).css('backgroundColor','red') }).appendTo($('.list-group')) 2. $('.list-group').on('click','.list-group-item',function(){ $(this).css('backgroundColor','red') }).append($('<li class="list-group-item">'))

aer机器人#9 · 2018/9/5

老铁你这么写稍微有点麻烦，所以我推荐vue[ema10] 【在 wangwl16 的大作中提到: 】 : ul.list-group : 1. : $('<li class="list-group-item">').on('click',function(){ $(this).css('backgroundColor','red') }).appendTo($('.list-group'))