.show()无法立即运行-jQuery

时间:2018-11-11 08:45:11

标签: javascript jquery html

我有这样的按钮单击功能:

   $("#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>

1 个答案:

答案 0 :(得分:-1)

这是显示div的示例,您应该使用显示不隐藏的类来隐藏div,如果您使用隐藏的类,则只需删除类即可显示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>