jquery——为什么不直接引用，而是用难以理解的this？

今天使用jquery UI的dialog控件，在IE下发现不能进行resize操作。

错误如下

网页错误详细信息

消息: 'this.documentScroll.top' 为空或不是对象
行: 34
字符: 6437
代码:0

 

查看了一下源码

在resizeable.js中有一段代码如下（搜索关键字documentScroll）：

		o.documentScroll = { top: $(document).scrollTop(), left: $(document).scrollLeft() };

		// bugfix #1749
		if (el.is('.ui-draggable') || (/absolute/).test(el.css('position'))) {

			// sOffset decides if document scrollOffset will be added to the top/left of the resizable element
			var sOffset = $.browser.msie && !o.containment && (/absolute/).test(el.css('position')) && !(/relative/).test(el.parent().css('position'));
			var dscrollt = sOffset ? this.documentScroll.top : 0, dscrolll = sOffset ? this.documentScroll.left : 0;

			el.css({ position: 'absolute', top: (iniPos.top + dscrollt), left: (iniPos.left + dscrolll) });
		}

整个js文件中就这里有3个documentScroll。所以错误应该就在这里。

为什么 在对dscrollt赋值的时候不直接使用o来取得值，而是用了this？

对于我这样的菜鸟来讲，this是难以理解的。

而且就目前来看将this替换成o应该是没问题的。

于是我就这么做了。

转到IE查看。dialog组件的resize功能正常了。

 

然后我去官网的演示页试了一下

IE下并没有问题。那可能就说明我在使用上有问题了。

示例对div元素进行了dialog组件化。而我这里的应用是对iframe操作。不知道这是不是原因。迟点再做试验，继续工作鸟。。。