2

母国語ではない英語で申し訳ありませんが、とにかく頑張ります！

私は実際に、Web サイトのコンテンツに Jquery UI を使用しています。そのように：

   <body>
     <div id=accordion>
       (my content well formed for an accordion)
     </div>
     <div id=myPopUp>
       <span id=popUpContent> myPopUpMessage </span>
     </div>
   </body>

アコーディオンのボタンをクリックしたときに実行される JQuery コードは次のとおりです。

var popUp = $('#myPopUp').dialog({
            resizable: false,
            draggable: false,
            position: 'top',
            modal: true,
            buttons: [

            {   
                text: "No",
                click: function() {
                    $(this).dialog("close");
                }
            },

            {
                text: "Yes",
                click: function() {
                    $(this).dialog("close");
                }
            }]
        });

では、何が問題なのですか？私の popUp は垂直方向にずれています。ページの上部を見ていると、ダイアログが垂直方向の中央に設定されています...ページのビューではなく、ページ全体の垂直方向の中央に設定されています。他に...ページの下の方を見ていると、ダイアログはページの垂直方向の中央+ウィンドウビューの位置に設定されます。(つまり、実際にページの 30% を見ている場合、ページ全体の 50% + 30% に設定されます!)

Accordion と Dialog の間に何らかの非互換性があると思われます。(より多くのアコーディオンのタブを取得しました...位置がずれているのは私のダイアログです)

あなたが私の問題を理解してくれることを願っています。ありがとう ！

4

1 に答える 1