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

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 학습자의 빠른 성장을 도와주세요!