Question

每当我点击div容器时，就会打开一个Jquery对话框。对于Safari浏览器，一切顺利。出于一些奇怪的原因，当我向下滚动它时，我不知道我做错了什么。

我希望有人可以帮我解决这个问题。

Jquery对话框：

 $(window).resize(function() {
        $(".dialog").dialog("option", "position", {my: "center", at: "center", of: window});
    });

    $(document).ready(function(){
     $( ".dialog" ).dialog({ dialogClass: 'fixed-dialog', autoOpen:false});
    });

    var opt = {
    autoOpen: false, 
    closeText: '<?php echo $lang["23"]; ?>',
    width: 950,
    height: 600,
    title: null,
    draggable: false,
    modal: true, 
    create: function (event) { $(event.target).parent().css({ 'position': 'fixed', 'z-index': '10', 'top': '50%', 'margin-top': '-350px', 'left': '50%;', 'margin-left': '-1000px' }); },
    buttons:
        [
              {
              text: "<?php echo $lang["44"]; ?>",
              click: function() 
              {
                 $('.dialog').dialog('close');
              }
          }
        ]  
}

jQuery(function () {
    jQuery('.dialog').dialog(opt);
})

HTML：

   <div onclick="$('#dialog-<?php echo $hotel['ms_id']; ?
   >').dialog('open').dialog(opt)

Answer 1

更改

position: 'fixed'

到

position: 'absolute'

这应该可以解决您的问题

在Safari上滚动，Jquery对话框无法正常工作

1 个答案: