Javascript 显示对话框 $（文档）.ready（函数（）{ $（“#我的按钮”）。单击（函数（）{ $（“#dbox”）。对话框({ 标题:"表格",，宽度：600，身高：600，莫代尔：是的， }); }); }); 你的名字电邮：_Javascript_Jquery

Javascript 显示对话框 $（文档）.ready（函数（）{ $（“#我的按钮”）。单击（函数（）{ $（“#dbox”）。对话框({ 标题:"表格",，宽度：600，身高：600，莫代尔：是的， }); }); }); 你的名字电邮：

javascript jquery

Javascript 显示对话框 $（文档）.ready（函数（）{ $（“#我的按钮”）。单击（函数（）{ $（“#dbox”）。对话框({ 标题:"表格",，宽度：600，身高：600，莫代尔：是的， }); }); }); 你的名字电邮：,javascript,jquery,Javascript,Jquery,加载页面时，表单出现在此处。如何解决此问题。我使用jquery在单击事件上显示对话框。对话框在单击事件上显示，但当加载页面时，表单也出现在页面上。我不知道如何避免它。初始隐藏框，添加style=“display:none” <body> <script> $(document).ready(function(){ $("#mybutton").click(function(){ $("#dbox

加载页面时，表单出现在此处。如何解决此问题。我使用jquery在单击事件上显示对话框。对话框在单击事件上显示，但当加载页面时，表单也出现在页面上。我不知道如何避免它。

初始隐藏框，添加

style=“display:none”

          <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>


你的名字
电邮：

您可以简单地这样做，您需要在页面加载时隐藏表单，请尝试下面的代码

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

     </form>
    </div>


$（文档）.ready（函数（）{
$（“#dbox”）.hide（）；
$（“#我的按钮”）。单击（函数（）{
$（“#dbox”）。对话框({
标题:"表格",，
宽度：600，
身高：600，
莫代尔：是的，
});
});
});

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