我怎样才能重新定位这个对话框？

Question

大家好 :) 我如何重新定位和调整此对话框的大小？我用 style 标签试过，但什么也没发生。我想让它永久地重新定位到一个特定的位置...

提前致谢！

编辑：

对话框自动放置在一个位置。它总是在那里打开，但我需要重新定位和调整它的大小。我尝试使用 style=" position:absolute; top/right 等等" 但没有任何效果。例如，我希望它以不同的尺寸在右角打开。我怎么把它放在那里？

(function() {  
    var dialog = document.getElementById('arbeitsauftrag-window');  
    document.getElementById('arbeitsauftrag').onclick = function() {  
        dialog.show();  
    };  
    document.getElementById('arbeitsauftrag-exit').onclick = function() {  
        dialog.close();  
    };  
})();

<dialog id="arbeitsauftrag-window" style="position:absolute; top:5px; left:5px;">  
    <button id="arbeitsauftrag-exit">Fenster schließen. </button> 
</dialog>
<button id="arbeitsauftrag">Open Dialog</button>

Answer 1

要调整大小，按钮周围有额外的填充，您可以向对话框或按钮提供显式填充 CSS 属性以调整它的大小。您可以使用以下代码设置打开位置。

$( ".selector" ).dialog( "option", "position", [350,100] );

Answer 2

可能有帮助..你需要设置left: auto;

(function() {  
    var dialog = document.getElementById('arbeitsauftrag-window');  
    document.getElementById('arbeitsauftrag').onclick = function() {  
        dialog.show();  
    };  
    document.getElementById('arbeitsauftrag-exit').onclick = function() {  
        dialog.close();  
    };  
})();

<dialog id="arbeitsauftrag-window" style="position:absolute; top:5px; right:0; left: auto; height : 200px;width : 200px;">  
    <button id="arbeitsauftrag-exit">Fenster schließen. </button> 
</dialog>
<button id="arbeitsauftrag">Open Dialog</button>

Answer 3

    #arbeitsauftrag-window{
  position:absolute;
  left:1500px;
  right:0px;
  background:grey;
}

codepen- http://codepen.io/nagasai/pen/pbEdME

我怎样才能重新定位这个对话框？

How can I reposition this dialog?

html

javascript

css

html5dialog