jquery mobile에서 페이지로드시 팝업과 같은 두 개의 버튼으로 대화 상자를 만드는 방법

Question

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> 

이이 코드가 jsfiddle에서 작업하지만 내 웹 페이지에서 작동하지 않는 데

다음

Answer 1

코드

$("#propertyDialog").dialog(); 
$("#propertyDialog").dialog('open'); 

다음 Document.onReady 기능 쓰기에서 데모

 <!-- 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() { 
     } 
     });