时间戳

首页 > 解决方案 > .show() 不能立即工作 - jQuery

javascript - .show() 不能立即工作 - jQuery

问题描述

我有一个像这样的按钮点击功能：

   $("#submitButton").click(function (e) {

      e.preventDefault();
       console.log("let's show my div");
      $('#mydiv').show();
      //and then doing a lot of front end operations and some ajax calls
   })

当我单击提交按钮时，我会console.log立即收到消息。但是.show()方法在那之后的7-8秒内起作用。你能告诉我怎样才能.show()立即工作吗？谢谢。

编辑：我的 HTML 代码如下所示：

    <div class="main">
        <form id="myform" enctype="multipart/form-data" class="contact-forms">
             <div class="first-line">
                <div class="span3 main-row">
                    <div class="input">
                        <input type="text" id="id" name="id" placeholder="insert your ID"  maxlength="7"  oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"  />

                    </div>

                </div>

            </div>

            <div class="first-line">
                <div class="span8 main-row">
                    <div class="input">
                        <input type="text" id="name" name="name" placeholder="Your name" />
                    </div>

                </div>
             </div>
   <div id="mydiv" style="display:none">

                    <label>
                        Processing, please wait.
                    </label>

        </div>
        </form>
     </div>

标签： javascriptjqueryhtml

解决方案

这是显示 div 的示例，你应该隐藏你的 div 与 display none 不是隐藏类，如果你使用隐藏类只是删除类来显示你的 div

function ShowDiv(){
$("#mydiv").show();
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="mydiv" style='display:none;'>Hello</div>
<button onclick="ShowDiv()"> ShowMe</button>

推荐阅读