切换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不工作

回答

相关问题