JQuery UI对话框未在iPad中打开，但在浏览器中打开良好

JQuery UI对话框未在iPad中打开。我不确定它是否会再次打开，因为我无法刷新页面

这就是我正在做的

    $(document).ready(function() {
                $('#dialog').dialog({autoOpen: false, resizable: false, modal: true});

                $('body').append('<div id="popup" style="overflow: hidden; padding: 5px; background-color: #ffffff;"></div>');
                $('#popup').dialog({
                        autoOpen: false, 
                        resizable: false, 
                        draggable: false, 
                        width: 720,
                        modal: true,
                        open: function(event, ui) {
                            $('.ui-dialog').css('z-index', 10001);
                            $('.ui-widget-overlay').css('z-index', 10000);
                        },
                        close: function(event, ui) { 
                            $(this).dialog('destroy').remove(); 
                        },
                        position: {
                            my: 'top',
                            at: 'top+10%',
                            of: window
                        },
                        title: "Instructions"
                    }).html('<img id="ins-image" src="images/Instructions.png" width="700" height="472"></img>').dialog('open');
)};

$（文档）.ready（函数（）{
$（'#dialog'）.dialog（{autoOpen:false，resize:false，modal:true}）；
$（'body'）。追加（''）；
$（“#弹出窗口”）。对话框({
自动打开：错误，
可调整大小：false，
可拖动：错误，
宽度：720，
莫代尔：是的，
打开：功能（事件、用户界面）{
$（'.ui dialog'）.css（'z-index'，10001）；
$（'.ui小部件覆盖'）.css（'z-index'，10000）；
},
关闭：函数（事件，ui）{
$（this.dialog（'destroy'）.remove（）；
},
职位：{
我的“顶”，
在“前10%”，
的：窗口
},
标题：“说明”
}).html（“”）.dialog（'open'）；
)};

这是我的小提琴

---

试试这个，我已经用过了，它在浏览器和ipad、iphone以及android上都能正常工作

 $("<div id='DialogPopup'></div>")
            .dialog({
                title: resetPassTitle,
                resizable: true,
                dialogClass: "no-close",
                position: { my: "center", at: "center", of: "#myTab" },
                show: {
                    effect: "scale",
                    duration: 500
                },
                hide: {
                    effect: "clip",
                    duration: 500
                },
                close: function () {
                    $(this).remove();
                },
                modal: true,
                width: ($(window).width() <= 720) ? 250 : 500
            })
        .load('/mycontroller/ResetPassword?contactID=' + id + '&userName=' + UserName + '');

$（“”）
.对话({
标题：重置密码标题，
可调整大小：正确，
dialogClass：“禁止关闭”，
位置：{my:“center”，在“#myTab”的“center”处，
展示：{
效果：“比例”，
持续时间：500
},
隐藏：{
效果：“剪辑”，
持续时间：500
},
关闭：函数（）{
$（this.remove（）；
},
莫代尔：是的，
宽度：（$（window）.width（）如果你创建一个代码的小提琴就好了Hi LittleDragon，只是将加载更改为.html（），但它不起作用。你应该这样使用它。加载（“”）在.load（）标记中加载你的html部分所有弹出的html部分都应该在.load（）标记中。你得到解决方案了吗？