按下提交按鈕后隱藏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