SimpleModal Jquery插件位置问题

Question

我对这个线程有同样的问题： 关于SimpleModal jQuery插件的问题——初始打开后可以重新居中吗？

我尝试了可能的解决方案，但没有成功。我的页面有一个滚动条，打开模式后，我有一些调整 div 大小的操作。但是当div超出窗口可见区域时，超出的内容将被隐藏。当我滚动页面时，模式保持在同一位置！

它在 IE6 上运行良好，在 IE8 上运行良好。

Answer 1

我建议设置 max-height 和 max-width 以防止对话框变得太大。然后，您可能需要确保此 div 的样式包含 overflow:scroll。

Answer 2

可能的解决方案的示例：

$('#modalContent').modal({
    onShow: function (dialog) {
        var sm = this;

        // bind click event to get ajax content
        $('.link', dialog.container[0]).click(function (e) {
            e.preventDefault();

            $.ajax({
                ..., // your settings here
                success: function (data) {
                    dialog.data.html(data); // put the data in the modal
                    dialog.container.css({height:'auto', width:'auto'}); // reset the dimensions
                    sm.setContainerDimensions(); // resize and center modal

                    // if you want to focus on the content:
                    sm.focus();

                    // if you want to rebind the events
                    sm.unbindEvents();
                    sm.bindEvents();
                }
            });
        });
    }
});

我将考虑在 SimpleModal 中放置一个调整大小函数，它将处理大部分这些步骤。在那之前，这应该对您有用。

-埃里克