Javascript 如何在jquery mobile中创建带有两个按钮的对话框,如页面加载时的弹出窗口
如何在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(
<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() {
}
});