切換div不工作

我想切換一個div使其可見，然後不可見，但我創建的按鈕不會執行代碼。我已經嘗試將onclick事件放入按鈕中，並將其鏈接到一個js腳本。這是行不通的，所以我最近的嘗試包括我在所有jQuery中編寫javascript，希望避免按鈕中的onclick事件能夠解決問題。但它並沒有，所以我堅持不知道如何解決這個問題。切換div不工作

<!DOCTYPE html> 
<html> 
    <head> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <link rel="stylesheet" type="text/css" href="index.css"> 
    <title>New Tab</title> 
    </head> 

    <body> 
    <div id="page"> 
    <center><iframe name="web" src="http://www.bing.com/" height="70%" width="70%">Please download a browser that supports iframes.</iframe></center> 
    <center> 
     <button type="submit" onclick="web.history.back();">Back</button> 
     <button id="hide_btn">Hide</button> 
     <button type="submit" onclick="web.history.forward();">Forward</button> 
    </center> 
    </div> 

    <script type="text/javascript"> 
     $('#hide_btn').click(function() { 
      $('#page').toggle(); 
     }); 
    </script> 

    </body> 

</html>

來源

2013-05-10 Twisterz

它運行正常，當我在這裏運行它隱藏div – 2013-05-10 14:19:19

從本地文件系統運行它？ – 2013-05-10 14:22:08

我確實在爲本地文件系統運行它，如果這是我現在就要自in的問題。 – Twisterz 2013-05-10 14:23:57

如果您在本地運行它，則需要添加腳本源的http://。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

通過將http或https關閉而實現的自動協議檢測僅適用於從服務器運行的情況。否則，瀏覽器正試圖使用導致失敗的file：//（或其他等效的本地文件協議）。

來源

2013-05-10 14:24:47 j08691

真的永遠不知道這個。其實今天學到了一些新的嗚呼。 – Twisterz 2013-05-10 14:31:16

只是一個想法，但不同的瀏覽器爲HTML <button />元素實現了不同的默認行爲，所以默認爲提交按鈕並重新加載頁面而不是運行jQuery？

我的意思是如果你添加'type = button'按鈕標記它有幫助嗎？

來源

2013-05-10 14:26:40

切換div不工作

回答

相關問題