当前位置:  开发笔记 > 编程语言 > 正文

SimpleModal调整容器大小

如何解决《SimpleModal调整容器大小》经验,为你挑选了1个好方法。

我使用过SimpleModal.现在的问题是调整模式对话框的大小.我有一个确认对话框,按下是后它基本上很小.

第二个是my.php,它包含大数据.我正在使用附加已有模型的概念.如何调整内容的大小?

我的JavaScript代码段包含:

$(document).ready(function () {
    $('#confirmbutton, #confirmDialog a.confirm').click(function (e) {
        e.preventDefault();

        confirm("Continue to the SimpleModal project page?", function () {
        window.location.href = 'http://localdata/';
        });
    });
});

function confirm(message, callback) {
    $('#confirm').modal({
        close:false,
        position: ["20%",],
        overlayId:'confirmModalOverlay',
        containerId:'confirmModalContainer',
        onShow: function (dialog) {
            dialog.data.find('.message').append(message);

            // If the user clicks "yes"
            dialog.data.find('.yes').click(function () {
                // Call the callback
                // $.modal.close();

                $.get("my.php", function (data) {
                    /* Sample response:
                     *   
My title
*
My message
* */ var resp = $("
").append(data); var title = resp.find("#title").html(), message = resp.find("#message").html(); dialog.data.find(".header span").html(title); dialog.data.find(".message").html(message); dialog.data.find(".buttons .yes").hide(); dialog.data.find(".buttons .no").hide(); //dialog.data.find(".buttons .no").html("Close"); // No need to call the callback or $.modal.close() });// End for click });//End for on show } //End for modal }); //Close for modal }

我的CSS:

confirmModalContainer {height:700px; width:700px; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left; background:#fff; border:2px solid #336699;}

如何修改SimpleModal容器大小?在Ajax电话上?



1> 小智..:

这样做....

$("#simplemodal-container").css('height', 'auto'); //To reset the container.
$(window).trigger('resize.simplemodal');           //To refresh the modal dialog.

推荐阅读
有风吹过best
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有