jquery dialog的研究

本文解决了在IE9浏览器中使用jQuery UI的Dialog插件时,弹出框显示位置偏移的问题。通过调整CSS样式,特别是取消全局的margin和padding设置,可以确保弹出框正确居中。
描述:

在IE9下,使用jquery的dialog,弹出框无法居中,总是偏向右边, left = 0


问题解决:

这不是jquery 的bug,是因为css引起的。 如下css会引起该问题。
*{
margin:0;

padding: 0;
}


debug jquery ui 的时候,有一部分代码

判断元素是否可见
isVisible = this.uiDialog.is( ":visible" );


each方法实例
$.each( [ "left", "top" ], function( i, offsetPosition ) {
if ( +myAt[ i ] === myAt[ i ] ) {
offset[ i ] = myAt[ i ];
myAt[ i ] = offsetPosition;
}
});

判断一个数据的类型
typeof position === "string" || (typeof position === "object" && "0" in position )

map 和 join 方法实例
$.map(
"focus,mousedown,mouseup,keydown,keypress,click".split( "," ),
function( event ) {
return event + ".dialog-overlay";
}
).join( " " )
map方法,是将一个数组转换成另外一个数组中去





评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值