Question

          <body>
       <script>
         $(document).ready(function(){
    $("#mybutton").click(function(){

        $("#dbox").dialog({

         title:'form',


        width:600,
        height:600,
        modal:true,

       });
           });
                });
         </script>

     <div id="dbox">
      <form>
        Your Name<input type="text"     name="text">
       Email:<input type="text" name="text"     placeholder="Email">

     </form>
    </div>
    <input type="submit" id="mybutton" value="Individuals">
 </body>

这里加载页面窗体时出现了。所以如何解决这个问题。我已经使用jquery在点击事件上显示对话框。点击事件会出现对话框，但是当页面加载时，页面上也出现了表格。不知道如何避免它。

Answer 1

首先隐藏该框，添加style = "display:none"。

 <div id="dbox" style = "display:none">
      <form>
        Your Name<input type="text"     name="text">
       Email:<input type="text" name="text"     placeholder="Email">

     </form>
    </div>

Answer 2

你可以简单地喜欢这个你需要在页面加载时隐藏表单尝试下面的代码

<script>
    $(document).ready(function(){
    $("#dbox").hide();
    $("#mybutton").click(function(){
        $("#dbox").dialog({
         title:'form',
        width:600,
        height:600,
        modal:true,
       });
           });
                });
         </script>

显示对话框

2 个答案: