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>

jquery对话框图标定位

1 个答案: