如何使Jquery Dialog适合其内容

Question

我正在尝试创建一个加载对话框，其中包含一个加载微调器gif，同时执行一些ajax调用。

问题是我还没弄清楚如何使对话框适合gif的确切宽度和高度。

这是我的代码：

var $dialog_loading = $('<div id="loading_dialog" style="width: 48px; height: 48px;"></div>')
    .html('<img src="/Images/Boletos/loading.gif" alt="loading"/>')
    .dialog({
        autoOpen: false,
        autoResize: true,
        title: 'Loading...'
    });

loading.gif维度为：48x48

我还想让对话框完全无法调整...我该怎么做？

谢谢！

Answer 1

试试这个：

var $dialog_loading = $('<div id="loading_dialog" style="width: 48px;
height: 48px;"></div>')
    .html('<img src="/Images/Boletos/loading.gif" alt="loading"/>')
    .dialog({
        autoOpen: false,
        title: 'Loading...',
        width: 48,
        height: 48,
        resizable: false
    });