切换div不起作用

Twi*_*erz 0 html jquery

我试图切换div使其可见,然后不可见但我创建的按钮不会执行代码.我已经尝试将onclick事件放入按钮并将其链接到js脚本.这没用,所以我最近的尝试包括我在所有jquery中编写javascript,希望避免按钮中的onclick事件可以解决问题.但它没有,所以我不知道如何解决这个问题.

<!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>
Run Code Online (Sandbox Code Playgroud)

j08*_*691 5

如果您在本地运行它,则需要添加http://脚本源.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

通过将http或https关闭而实现的自动协议检测仅在从服务器运行时有效.否则,浏览器会尝试使用导致失败的file://(或其他等效的本地文件协议).