最初のクリック後にJQueryダイアログボックスが移動するのはなぜですか？

Question

私は最終的にそれをどのように配置し、最初のクリックで正しく開きますが、別のノードをクリックすると別の位置に移動します。さらに参考のため

Here is the JSFiddle

function click(link) { 

     $("#dialog").html('<iframe src="http://www.'+link+'.com" style="height: 100vh"></iframe>').dialog({ 
    autoOpen: false, 
    modal: true, 

    position: { my: "right", at: "top", of: $("#Box3") }, 
    }); 

    $("#dialog").dialog('open'); 

} 

Answer 1

使用

.ui-dialog{position:fixed;} 

：jquery/dialog