84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
在下新手有个问题想请教一下,下面这个实现点击后放大缩小的代码，再点了.close的这个click之后应该是要回到宽200px;高80px;的大小,但点击之后缩小后又会再放大,是因为.close标签是.box的子元素,导致点了.close也等于点了.box,所以又在执行了.box的放大,是这样的吗?
好好学习，天天向上！！！
關於jquery點擊放大縮小的問題?-PHP中文網問答-關於jquery點擊放大縮小的問題?-PHP中文網問答
圍觀一下哦，學習一下。
是，因为点了.close以后默认事件会冒泡到.box上。你可以用事件对象阻止事件冒泡：
$(document).ready(function(){ $(".box").click(function(){ $(this).animate({ width:"400px", height:"300px" }); }); $(".close").click(function(event){ event.stopPropagation(); //阻止事件冒泡 $(".box").animate({ width:"200px", height:"80px" }); }); });
關於jquery點擊放大縮小的問題?-PHP中文網問答-關於jquery點擊放大縮小的問題?-PHP中文網問答
圍觀一下哦，學習一下。
是，因为点了.close以后默认事件会冒泡到.box上。你可以用事件对象阻止事件冒泡：
$(document).ready(function(){ $(".box").click(function(){ $(this).animate({ width:"400px", height:"300px" }); }); $(".close").click(function(event){ event.stopPropagation(); //阻止事件冒泡 $(".box").animate({ width:"200px", height:"80px" }); }); });