1

我正在使用 jQuery UI 创建一个对话框，当用户单击 mailto 链接时会显示该对话框。简而言之，对话框确认用户在继续之前接受条款。不幸的是，在 iPhone 上，对话框太小，如果用户之前放大过，它不会保持在屏幕中央。

这是代码：

...
    .dialog({
        autoOpen: false,
        title: 'Disclaimer',
        resizable: false,
        width: 500,
        modal: true,
        position: 'top+10%',
        buttons:            
            {
    "Accept": function() {
      $( this ).dialog( "close" );
      window.location.href="mailto:"info@example.com;"
      },
    "Cancel": function() {
      $( this ).dialog( "close" ); }
 }
 });

$('.email-address').click(function(event) {
event.preventDefault();
    $dialog.dialog('open');
    $('.ui-dialog :button').blur();
});
});

我正在尝试找出解决此问题的最佳方法。理想情况下，我希望对话框填满大部分屏幕并始终居中，即使用户放大（即，我不希望对话框在显示时被切断）。或者，我希望该对话框在 iPhone 上充当本机对话框。如果我做后者，是否有必要创建一个仅在智能手机上查看时才会运行的单独脚本？

任何关于实现这两个目标的最佳方式的想法都将不胜感激。

4

0 回答 0