點擊頁面其他地方隱藏彈窗
阿新 • • 發佈：2017-05-31
程序 一次 show auto head 頁面 scrip htm fun
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-2.1.3.min.js"></script> <style> .tip{ margin:300px auto; width:200px; height:100px; text-align: center; background:green; color:#fff; display:none; } </style> </head> <body> <button>點我</button> <div class="tip"> 這裏是提示信息！提示信息！提示信息！</div> <script> $(function(){ $(‘button‘).click(function(e){ $(‘.tip‘).show(); e.stopPropagation(); $(document).one(‘click‘,function(){ $(‘.tip‘).hide(); }) }) $(‘.tip‘).click(function(e){ e.stopPropagation(); }) }) </script> </body> </html>
one() 方法為被選元素附加一個或多個事件處理程序，並規定當事件發生時運行的函數。
當使用 one() 方法時，每個元素只能運行一次事件處理器函數。
點擊頁面其他地方隱藏彈窗