文章/答案/技术大牛

发布

社区首页 >问答首页 >按下提交按钮后隐藏div -不起作用

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

Stack Overflow用户

提问于 2015-05-17 07:58:16

回答 1查看 105关注 0票数 1

我正在尝试创建一个加载页面，以便在按下搜索按钮后显示“加载”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，它不起作用。

有人能解释一下吗？

html

javascript

jquery

回答 1

Stack Overflow用户

发布于 2015-06-16 03:56:10

如果名称必须保持不变，请将类ids更改为dissapearing_div。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/30281926

复制

相似问题

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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