您的位置：首页 > Web前端 > JQuery

Ext整合Jquery

2013-01-10 10:08 169 查看
现在做的前端，用的Ext，但是想用Jquery插件，并且本身对Jquery也比较熟悉，所以就想到了将Ext整合Jquery。

网上查了一些资料，有Ext的源包中有整合Jquery的驱动，在页面中导入响应的js就可以了。

所需要的两个Js文件在Ext源包中的路径：1.ext\adapter\jquery\ext-jquery-adapter.js

2.ext\adapter\jquery\jquery.js

需要注意的是：

引入的先后顺序，这里注意一定要在jQuery的Library引入之后再引入ext-jquery-adapter否则会报出找不到jQuery Library的错误
不要再加载Ext的base驱动，如果同时加载两个驱动就会出现错误，这点让我难以理解的是ext-base-adapter比ext-jquery-adatper还要大

测试代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MyHtml.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- Ext 样式文件 -->
<link style="text/css" rel="stylesheet" href="resources/css/ext-all.css">
<!-- jQuery Javascript Library -->
<script type="text/javascript" src="adapter/jquery/jquery.js"></script>
<!-- Ext 的 的驱动 -->
<script type="text/javascript" src="adapter/ext/ext-base.js"></script>
<!-- Ext 的 整合jQuery的驱动 -->
<script type="text/javascript" src="adapter/jquery/ext-jquery-adapter.js"></script>
<!-- Ext 基础包 -->
<script type="text/javascript" src="ext-all.js"></script>
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

</head>

<body>
This is my HTML page. <br>
<div id = 'test'>hahah</div>
<script type="text/javascript">
$(document).ready(function(){
$("#test").html("xixixi");
Ext.Msg.alert("测试","OK");
});
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航