Question

嘿伙计:)我如何重新定位和调整此对话框的大小？我尝试了样式标签，但没有发生任何事情。我想让它永久地重新定位到一个特定的位置......

提前致谢！

编辑：

对话框自动放置在某个位置。它总是在那里打开，但我需要重新定位并调整它。我尝试使用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

如何重新定位此对话框？

3 个答案: