1

私はいくつかのjqueryポップアップダイアログを使用しています

 var div = $('#mditem_temp');
 var dlg = $(div).html(data).dialog({
                        height: 'auto',
                        width: 'auto',
                        modal: true,
                        show: "drop",
                        hide: "fold",
                        position: "top",
                        autoResize:true,
                        close: function (event, ui) {
                            $("#mditem_temp").dialog('close');
                        },
                        buttons: {
                            'Add': function (d) {
                                pqr();

                                $(this).dialog('close');
                                $("#mditem_temp").dialog('close');

                            }
                        }
                    }).dialog('open');

それに書き込むデータは部分ビューですが、ポップアップはデータで高さ幅を調整しません。その理由は何ですか？

4

1 に答える 1

1

これは通常、固定の高さ/幅またはデータ変数の表示の問題が原因です。Firebug または同様のツールでレンダリングされたパーシャルを検査し、ダイアログの含まれる領域の外側でレンダリングされているかどうかを確認します。そうでない場合、問題を引き起こしているのはデータ html のサイズです。

もちろん、別のオプションは、各開口部でダイアログの高さを動的に設定することです。

$(div).html(data).dialog({
  ...
  open: function(){
    var height = [calculate height with JS];
    $(this).height(height);
  }
});
于 2013-08-18T22:15:40.293 に答える