在下新手有个问题想请教一下,下面这个实现点击后放大缩小的代码,再点了.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上。你可以用事件对象阻止事件冒泡: