使JQuery对话框的位置固定

时间:2016-02-04 07:10:20

标签: jquery-ui

我是使用JQuery的新手,在我的应用程序中,我们已经在某个地方实现了jquery对话框。默认情况下,我看到Jquery对话框的位置是绝对的,我想将其自定义为特定于我的对话框的固定位置。我已经尝试使用自定义位置定义一个新的对话框类,但它仍然没有工作..非常感谢任何帮助...谢谢

1 个答案:

答案 0 :(得分:0)

很高兴分享上述问题由我自己解决。

在默认函数(ui.dialog.js文件)中,我没有将position属性默认为'absolute'值,而是使用从调用函数传递的参数初始化了这个属性。无论如何,调用此函数,我已将position属性添加到所需的值。

//下面是示例代码

function custmsgbox(id,title,msg){
	var str='	jq(function() {';
	str=str+'jq("#' + id + '").dialog({';
	str=str+'autoOpen: false, ';
	str=str+'closeOnEscape: false, ';
	str=str+'modal: true,';	
	str=str+'title: "'+title+'",';
	str=str+'position: ' + " \'fixed\', ";
	str=str+' width:370,';
	str=str+'maxHeight:100,';
    ---
    ---
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
uiDialog = (this.uiDialog = $('<div/>'))
				.appendTo(document.body)
				.hide()
				.addClass(uiDialogClasses + options.dialogClass)
				.css({
					position: options.position,
					overflow: 'hidden',
					zIndex: options.zIndex
				})