Question

我遇到与此主题相同的问题：Question about SimpleModal jQuery plugin -- possible to re-center after initial open?

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

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

Answer 1

我建议设置max-height and 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中放置一个resize函数，它将处理大部分这些步骤。在那之前，这应该适合你。

-Eric

SimpleModal Jquery插件位置问题

2 个答案: