jquery - jquery对话框图标定位

Question

我正在使用 jquery 对话框，如 http://net.tutsplus.com/tutorials/javascript-ajax/creating-a-windows-like-interface-with-jquery-ui/并且我放置了一个最大化图标，但是问题是我无法从右边定位它吗

.ui-dialog-titlebar-rest{ position: absolute; right: 23px; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }

它的默认定位在左角，而如果我提到left:1025px;它工作正常，是什么阻碍了它的正确属性。

我正在使用 jquery 平滑度主题"jquery-ui-1.9.2.custom.css"

有人可以帮我解决这个问题吗？

Answer 1

必须有另一种称为.ui-dialog-titlebar-close关闭按钮的样式，必须已应用该样式，因此请尝试在此之前插入最大化的图标，如下所示，

$(document).ready(function() {
   $('#trigger').click(function(){
      $("#dialog").dialog();
      $(".ui-dialog-titlebar-close").before('<img id="maximize" name="maximize" src="images/imageName.jpg"/>');
   }); 
}); 

风格

<style type="text/css">
   #maximize{
     float:right;/* insert whatever the styles you want here.*/
   }
</style>

html

<input name="trigger" id="trigger" type="text" />
<div id="dialog" style="display:none">
    <div>
        Your Dialog content
    </div>
</div>