Ext整合Jquery

最新推荐文章于 2020-12-24 04:48:52 发布

MayMiniFish

最新推荐文章于 2020-12-24 04:48:52 发布

阅读量2.1k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/huakaihualuo1223/article/details/8488398

版权

javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

现在做的前端，用的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>