我正在使用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"
有人可以帮我解决这个问题吗?
答案 0 :(得分: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>