0

次の例のように、リンクをクリックしたときにダイアログ ボックスを作成するのが好きです。これまでのところ動作しますが、ダイアログ ボックスは常に中央のウィンドウに表示されます。これを変更して、ウィンドウの右側に配置するのが好きです。どうすればこれに取り組むことができますか？

<script type="text/javascript"> 

          $(function() {
          $("#lin").click(function(){
            $( "#dialog" ).dialog();
           });
      });
});

html:

<li><a id="lin" href="#">link</a></li>

    <div id="dialog" class="def" title="title" style="display:none;">
       <p>thi is the text in the dialog</p>
    </div>
4

3 に答える 3

1

jquery ui docsは、次のいずれかの位置に追加できる位置属性を指定します。

  1. ビューポート内の位置を表す単一の文字列: 'center'、'left'、'right'、'top'、'bottom'。
  2. ビューポートの左上隅からのピクセル オフセットの x、y 座標ペアを含む配列 (例: [350,100])

  3. x、y 位置の文字列値を含む配列 (例: ['right','top'] は右上隅)。

    $( "#dialog" ).dialog({position:'right'});

于 2012-12-03T17:07:13.610 に答える
0

jqueryUIドキュメントを読むと役立つ場合があります。

$( "#dialog" ).dialog({position:'right'});
于 2012-12-03T17:09:29.380 に答える
0

position:次のオプションを使用します。

position: { my: "right", at: "right", of: window }
于 2012-12-03T17:08:25.493 に答える