gpt4 book ai didi

jquery - SimpleModal 调整容器大小

转载 作者:行者123 更新时间:2023-12-03 22:25:07 27 4
gpt4 key购买 nike

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

第二个是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:
* <div id="title">My title</div>
* <div id="message">My message</div>
*
*/

var resp = $("<div/>").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 调用中?

最佳答案

就这样做......

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

关于jquery - SimpleModal 调整容器大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/397684/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com