为了账号安全,请及时绑定邮箱和手机立即绑定

澳门澳洲,澳门永盈会取款

/ 猿问

前端起步:写的js点击事件没发生?

无无法师 2018-03-31 19:38:09

本文地址:http://www.bgel.cn/wenda/detail/387891
文章摘要:澳门澳洲,澳门永盈会取款,免水百家乐,扎金花棋牌游戏官网

界面

https://img3.mukewang.com/5abf71f8000129bf09360410.jpg

前端按钮代码(django的模板)

<span?class="icon">
????<i?class="fas?fa-plus-square"?id="add_detail{{?i?}}"></i>
</span>

js代码:

function?detail_item_add(evt)?{
????console.log(evt.target.id)

}
var?section=document.getElementById('add_detail1');
section.addEventListener('click',detail_item_add);

js文件确定引入了

我点击对应的按钮后,控制台并没有任何反映啊

https://img4.mukewang.com/5ac0a4c10001190306650320.jpghttps://img3.mukewang.com/5abf72dc000161fd03960062.jpg

补充完整的一段循环代码

https://img2.mukewang.com/5ac0a5990001e44c06460320.jpg

<div>
<span?class="icon">
????<i?class="fas?fa-plus-square"?id="add_detail{{?i?}}"></i>
</span>
????????<span?class="icon?is-large"?id="reduce_detail{{?i?}}">
????<i?class="fas?fa-minus-square"></i>
</span>

????????<nav?class="level">
????????????<div?class="level-left">
????????????????<div?class="field?has-addons">
????????????????????<div?class="control">
????????????????????????<label?class="button?is-primary">选择类型</label>
????????????????????</div>
????????????????????<div?class="control?is-expanded">
????????????????????????<div?class="select?is-fullwidth">
????????????????????????????{{?product_detail_form.selectType?}}
????????????????????????</div>
????????????????????</div>
????????????????</div>
????????????</div>
????????????<div?class="level-right">
????????????????<div?class="field">
????????????????????<div?class="field?has-addons">
????????????????????????<div?class="control">
????????????????????????????<label?class="button?is-primary">序号</label>
????????????????????????</div>
????????????????????????<div?class="control?input"?id="sequence{{?i?}}">
????????????????????????????{{?i?}}
????????????????????????????{#????????????????????????????????????????????{{?product_detail_form.order?}}#}
????????????????????????</div>
????????????????????</div>
????????????????????{#????????????????????????????????????<p?class="help?is-danger">{{?product_detail_form.errors.order?}}</p>#}
????????????????</div>
????????????</div>
????????</nav>

????????<div?class="field">
????????????<div?class="field?has-addons">
????????????????<div?class="control?">
????????????????????{{?product_detail_form.placeholder?}}
????????????????</div>
????????????????<div?class="control">
????????????????????<label?class="button?is-primary?is-large">描述</label>
????????????????</div>
????????????????<p?class="help?is-danger">{{?product_form.errors.placeholder?}}</p>
????????????</div>
????????</div>

????????<div?class="field">
????????????{{?product_detail_form.image?}}
????????</div>

????????<div?class="field">
????????????<label?class="label?is-medium">
????????????????选择项
????????????????<span?class="icon"?id="add_item{{?i?}}">
????????????<i?class="fas?fa-plus-square"></i>
????????</span>
????????????</label>

????????????<div?class="field?has-addons">
????????????????<input?class="input?is-medium"?type="text"?placeholder="请输入">
????????????????<div?class="control?is-large">
????????<span?class="icon?is-large">
????????????<i?class="fas?fa-minus-square"></i>
????????</span>
????????????????</div>
????????????</div>
????????</div>
????????<div?class="field">
????????????<label?class="label">描述</label>
????????????<div?class="control">
????????????????{{?product_form.centent?}}
????????????</div>
????????????<p?class="help?is-danger">{{?product_form.errors.centent?}}</p>
????????</div>
????</div>


查看完整描述

1 回答

?
ywang04
  1. 先确定section被选中了没有 可以console.log(section)

  2. section如果能打印出来 将console.log(evt.target.id)改成console.log(evt) 看看是什么

等你的回复再确定下一步怎么走。

查看完整回答
1 反对 回复 2018-04-01

添加回答

回复

举报

0/150
提交
取消
意见反馈 常见问题 扎金花棋牌游戏官网 官方微信
网站地图 欧洲国家队足球排名 豪博娱乐官方网 弘润欲乐 正版天天娱乐平台
王牌娱乐app下载 天天娱乐国际 足球全国星数 优乐彩彩票
万博体育安卓 齐乐app 龙8手机ptapp下载 新利棋牌官网
盈丰娱乐国际 亚美娱乐官方网站 ag真人视讯开户 娱乐平台app
送彩金老虎机 a8娱乐城 金花棋牌游戏 橙天娱乐官网
老司机网站 色色综合 欧美亚洲尹人综合 色狼五月 色姑娘棕色姑娘综合站
五月色播影音先锋 欧美亚洲综合另类色妞 狠狠撸网址 亚洲欧美乱色情图片 亚洲涩情图片
骑士电影_骑士电影_74hy影视院 伊人222 在线亚洲中文精品第1页 国产精品大陆在线视频 大量偷拍情侣自拍视频
丁香五月婷婷开心综合 在线观看成人色情视频 a片网址 草久久爱久久 东京热av