0

我正在尝试切换 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>
4

2 回答 2

5

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

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

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

于 2013-05-10T14:24:47.650 回答
0

只是一个想法，但是不同的浏览器为 HTML 元素实现了不同的默认行为，<button />所以它是否默认为提交按钮并重新加载页面而不是运行 jQuery？

我的意思是，如果您在按钮标记中添加 'type=button' 是否有帮助？

于 2013-05-10T14:26:40.190 回答