Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在jquery mobile中创建带有两个按钮的对话框,如页面加载时的弹出窗口_Javascript_Html_Jquery Mobile - Fatal编程技术网

Javascript 如何在jquery mobile中创建带有两个按钮的对话框,如页面加载时的弹出窗口

Javascript 如何在jquery mobile中创建带有两个按钮的对话框,如页面加载时的弹出窗口,javascript,html,jquery-mobile,Javascript,Html,Jquery Mobile,如何在jquery mobile中创建带有两个按钮的对话框,如页面加载时的弹出窗口。有可能吗。谁能帮帮我吗。它应该在不点击任何按钮的情况下创建。谢谢 <script> $(".parentDisable").show(); }); $(".parentDisable").click(function () { $("#dialog").dialog('close'); $(".parentDisable").fadeOut(

如何在jquery mobile中创建带有两个按钮的对话框,如页面加载时的弹出窗口。有可能吗。谁能帮帮我吗。它应该在不点击任何按钮的情况下创建。谢谢

<script>
 $(".parentDisable").show();
     });

     $(".parentDisable").click(function () {
         $("#dialog").dialog('close');
         $(".parentDisable").fadeOut(1000);
     });

     $(".ui-button-icon-primary").click(function () {
         $("#dialog").dialog('close');
         $(".parentDisable").fadeOut(1000);
     });

 });
</script>

  <div id="dialog" title="Basic dialog" style="display:none;">
  <div class="ui-popup">Do you want to Reset the progress</div>
                <br/>                       
                <hr >
                <div id="confirm_btn">
                    <div style="width:40%;float:left">
                        <a href="#"     onClick="resetprogress();" data-role="button" data-inline="true"  data-theme="c">
                            Yes
                        </a>
                    </div>
                    <div style="width:40%;float:right;">
                        <a href="#" class="ui-corner-all" data-role="button" data-rel="back" data-inline="true" data-transition="flow" data-theme="b">
                            No
                        </a>
                    </div>
                </div>
</div>
<div class="parentDisable" style=""></div>
<button id="popup">Pop Up</button>
这是我的代码,它在JSFIDLE中工作,但在我的网页中不工作

        <!-- start of property Dialog -->
     <div id="propertyDialog" title = "Property Dialog" style="display : none; ">
       div id="jqgrid">
         <table id="PropertyJQGrid" style=" overflow:scroll; height : 80%;"><tr><td></td></tr></table>
            <div id="pager"></div>
       </div>   
    </div> <!--end of dialog  -->
   <!-- start of dialog form  search-->
给他指定高度和宽度:-

 $("#propertyDialog").dialog({ 
        autoOpen: false,
        height: 300,
        width: 900,
        modal: true,
        buttons: {
          "Ok" : function() {

              $( "#propertyDialog" ).dialog("close");
          },
          "Cancel" : function() {
              $( "#propertyDialog" ).dialog("close");
          },
        },
        close: function() {
        }
      });

请添加更多详细信息。获取arror作为错误:没有这样的方法“打开”对话框小部件实例抛出新错误消息;
 $("#propertyDialog").dialog({ 
        autoOpen: false,
        height: 300,
        width: 900,
        modal: true,
        buttons: {
          "Ok" : function() {

              $( "#propertyDialog" ).dialog("close");
          },
          "Cancel" : function() {
              $( "#propertyDialog" ).dialog("close");
          },
        },
        close: function() {
        }
      });