按下提交按钮后隐藏div-不起作用

Question

我正在尝试创建一个加载页面，以便在按下搜索按钮后显示“加载中” gif。 gif显示的很好，但是我希望其他所有东西在发生这种情况时都消失，所以gif只显示在页面上。 我已经阅读了许多关于此类事物的其他主题，到目前为止有：

HTML：

<body>
<img src="{% static 'images/333.GIF' %}" style="display: none;" id="animated-gif"/>
<div class="hover_background" id="disappearing_div">

  <div class="starter-template" id="disappearing_div">
    <h1>Heading</h1>
    <p class="lead">paragraph</p>
  </div>

  <div class="row search">
    <div class="col-sm-8 col-sm-offset-2">
     <form id="search-id" method="GET">

        <button type="submit" name="submit" class="btn btn-default btn-lg">
            <span class="glyphicon glyphicon-star" aria-hidden="true"></span> Search
        </button>
     </form>
    </div>
  </div>
</body>

脚本：

    <script>
    $('#search-id').submit(function() {
    $('#animated-gif').show();
    document.body.style.background = 'white';
    document.getElementById("disappearing_div").style.display = 'none';
    });
    </script>

它似乎对我的导航栏有效，我在base.html（一个单独的html文件中已将其阻止/扩展到此文件。在base.html中，我为导航栏设置了id =“ disappearing_div”，这似乎可以正常工作但是，对于上面的html代码中的div，它不起作用。

有人可以解释吗？

Answer 1

如果名称必须保持相同，则将dissapearing_div id更改为class。

按下提交按钮后隐藏div-不起作用

问题描述

1 个解决方案

解决方案1
0 2015-06-15 19:56:09

按下提交按钮后隐藏div-不起作用

问题描述

1 个解决方案

解决方案1 0 2015-06-15 19:56:09

解决方案1
0 2015-06-15 19:56:09