1

ダイアログ ボックスを開くために jquery 関数を使用していますが、ボックスの高さと幅を変更できるようにする必要があります。DIV 内からパラメーターを渡したいと考えています。私は多くの異なる可能性を見てきましたが、役に立ちませんでした。どんなアイデアでも大歓迎です。

$.fx.speeds._default = 1000;
$(function() {
    $("#dialog").dialog({
        autoOpen: false,
        height: 300,
        width: 500,
        show: "drop",
        hide: "drop"
    });
    $("#opener").click(function() {
        $("#dialog").dialog("open");
        return false;
    });
});

これが私のDivです。

<div id="dialog">
   Some text here
</div>
4

2 に答える 2

1
于 2012-07-11T16:54:57.947 に答える
0

ドキュメントによると、ウィンドウのサイズを変更したり、最小/最大の高さと幅を設定したり、.dialog()メソッドを呼び出すときにオプションとして高さと幅を設定したりできます。

ドキュメントから:

$( ".selector" ).dialog({ width: 460 });

initの後で、widthオプションを取得または設定します。

//getter
var width = $( ".selector" ).dialog( "option", "width" );
//setter
$( ".selector" ).dialog( "option", "width", 460 );

divに保存したデータやパラメーターを取得し、それをオプションとして.dialog()メソッドに渡すのは非常に簡単です。

アップデート:

あなたのコメントから、あなたはこのようなものが欲しいです:

フィドル

<div id="dialog" data-height="400" data-width="400" style="background-color: red;">
   Some text here
</div>
<a id="opener" href="#">Open dialog</a>​

$(document).ready(function() {
    $("#opener").click(function(e) {
        e.preventDefault();
        var dialogHeight = $("#dialog").data("height"),
            dialogWidth = $("#dialog").data("width");
        $("#dialog").dialog({
            height: dialogHeight,
            width: dialogWidth            
        });
        return false;
    });
});​
于 2012-07-11T15:17:11.830 に答える