Question

我有一个jqueryui对话框，除非在iOS设备上放大，否则效果很好。当用户触发打开对话框时，它会离开屏幕。如果用户未缩放，则不会发生这种情况。可以做些什么来解决这个问题？

$('#white_box_content_'+id).dialog({ 
        autoOpen: false,
        modal:true,
        position:"center",
        closeText:'',
        resizable:false,
        title:null,
        draggable:false,
        //dialogClass:'jquery_dialog_position',
        zIndex:800 
    });
    $('#white_box_content_'+id).dialog('open');
    $('.ui-widget-overlay').css( "position" , 'fixed' );
    $(".ui-dialog-titlebar").remove();
    $('#white_box_content_'+id).dialog( "option" , 'position' , 'center' );

Answer 1

你做不到。 Position: fixed根据视口进行布局。问题是在iOS中，放大页面不会改变视口。您无法判断用户何时缩放页面。您可以使用CSS和元标记在iOS设备上“禁用”缩放。

在iOS / iphone / ipad中放大时，jqueryui对话框的位置问题

1 个答案: