jQuery中togger總結(小疑問)
阿新 • • 發佈:2018-11-29
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ function f(){ alert('laji'); } $("button").click(function(){ $("p").toggle('slow',f());//-------------------------------------------------------------------------------------------- }); }); </script> </head> <body> <button>隱藏/顯示</button> <p>這是一個文字段落。</p> <p>這是另外一個文字段落。</p> <p>這是第三個文字段落。</p> </body> </html>
以上的寫法,在彈出呼叫toggle的時候,先呼叫彈出框,只會有一次彈出框,然後再呼叫toggle。
這種寫法會先呼叫toggle,然後呼叫三次彈出框,這裡要注意,細節,不知道是不是bug。<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ function f(){ alert('laji'); } $("button").click(function(){ $("p").toggle('slow',f);//--------------------------------------------------------------------------------------------------- }); }); </script> </head> <body> <button>隱藏/顯示</button> <p>這是一個文字段落。</p> <p>這是另外一個文字段落。</p> <p>這是第三個文字段落。</p> </body> </html>