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

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(); });
怪我咯
怪我咯

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

Antworte allen (1)
小葫芦

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

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

    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!