Extjs之TypeError: Element.prototype.styleHooks is not an object or null

xfxlch

浏览: 168112 次
性别:
来自: 杭州

最近访客更多访客>>

remote_silence

liufengfan666

zhao12138

yhcc_0817

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

简单的写了一个extjs的入门页面

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>MyTESToR here</title>
<link rel="stylesheet" href="./ext/resources/css/ext-all.css"> 
<script src="./ext/ext-all.js"></script>
<script src="./ext/bootstrap.js"></script>
<!--<jwr:style src="/bundles/all.css" />
<jwr:script src="/bundles/lib.js"/>
-->
</head>
<body>
<script type="text/javascript">
Ext.onReady(function(){
if(Ext.BLANK_IMAGE_URL.substr(0,4)!="data"){
	Ext.BLANK_IMAGE_URL="./images/s.gif";
}
new Ext.Viewport({
	layout:'fit',
	items:[{
		xtype:"panel",
		title:"welcome",
		html:"<h1> hello world</h1>"
	}]

})
})
</script>
</body>
</html>

在ff中浏览的时候，一直页面出不来，并且在console端报如下的错误：
[b]TypeError: Element.prototype.styleHooks is not an object or null

...alStyleHooks90 = verticalStyleHooks90 = Ext.Object.chain(Element.prototype.style...

ext-all-dev.js (line 29423, col 64)
TypeError: Ext.fly(...).addCls is not a function

...ush(c+"strict")}else{k.push(c+"quirks")}Ext.fly(n,"_internal").addCls(k)}Ext.fly...

ext-all.js (line 18, col 112123)[/b]

然后google了一些原来是重复的js加载到来的冲突导致的。把灰色部分去掉即可，因为bootstrap.js在启动的时候会自动根据当前是开发环境还是production环境来决定加载ext-all.js还是ext-all-debug.js，当你写了两个的时候，ff就出现加载冲突，导致错误。
<script src="./ext/ext-all.js"></script>
<script src="./ext/bootstrap.js"></script>

这样的话，页面就可以加载成功了

分享到：

ExtJs之类定义 | json 添加/删除元素

2015-01-01 16:20
浏览 1021
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论