Question

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

Answer 1

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

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

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

Answer 2

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

我的意思是，如果你在按钮标记上添加'type = button'有帮助吗？

切换div不起作用

2 个答案: