javascript - jquery 点击下拉框出现的问题?
怪我咯
怪我咯 2017-04-11 12:42:41
0
1
313

demo在这里:https://jsfiddle.net/wz9xs5g5/
通过jquery添加一个下拉框时,一开始的下拉框点击一下会马上显示然后隐藏是怎么回事?
通过firbug显示触发了两次,不知是什么原因造成的?

function start(){ $(".button").click(function() { $(this).next().toggle(function(){ $(this).next('.textCon').show(); },function(){ $(this).next('.textCon').hide(); }); }); } start(); $("button").click(function() { console.warn("haha"); $("body").append($(".box")[0].innerHTML); start(); });
怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复 (1)
小葫芦

你在start()里对$(".button")重复绑定了 click 事件,造成每次点击都触发多次处理。改成代理事件方式,且只调用一次start()就好了

https://jsfiddle.net/wz9xs5g5/1/

    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!