jquery与各种UI框架的导入要注意的地方
前端的处理我们会使用easyUI,amazeUI,bootstrap等等框架,然而每个页面都要导入这些js css 文件,所以我们将要导入的文件提取出来,写在一个页面上,每次只要倒入该页面就行,如:我们建一个mobileHeader_inc.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<link href="/css/mobile/register.css" type="text/css" rel="stylesheet" />
<link rel="alternate icon" type="image/png" href="/css/assets/i/favicon.png">
<link rel="stylesheet" href="/css/assets/css/amazeui.min.css"/>
<link rel="stylesheet" href="/css/assets/css/app.css"/>
<link rel="stylesheet" href="/css/assets/css/my.css">
<link rel="stylesheet" href="/css/mobile/dist/amazeui.swiper.min.css"/><!-- 引入swiper插件 -->
<link rel="stylesheet" href="/css/mobile/dist/swiper/demo.less"/><!-- 引入swiper demo -->
<script src="/jquery-easyui-1.4.5/jquery.min.js"></script>
<script src="/css/assets/js/amazeui.min.js"></script>
<script src="/jquery-easyui-1.4.5/jqm/jquery.mobile-1.4.5.js"></script>
<script src="/jquery-easyui-1.4.5/jqm/jquery.mobile-1.4.5.min.js"></script>
<script src="/css/mobile/dist/swiper/demo.js"></script><!-- 引入swiper demo -->
<script src="/css/mobile/dist/amazeui.swiper.min.js"></script><!-- 引入swiper插件 -->
然后在每个页面导入该页面
<%@ include file="../mobileHeader_inc.jsp" %>
这个时候要注意的是导入文件的顺序,jquery一定是在前面,如上,jquery.min.js要在amazeui.min.js前面,因为后者会用到前者的东西,仅此而已。
最新文章
- c#重点[封装,继承,多肽]
- 2015年12月12 Node.js实战(一)使用Express+MongoDB搭建多人博客
- Linux新手应掌握的10个基本命令
- UIlabel 属性text
- 初探 performance – 监控网页与程序性能
- Unity-WIKI 之 DrawArrow
- Java之内存分析和String对象
- iOS 开发者账号共用发布证书 (Distribution)问题
- <;梦断代码>;读后感2
- Unsupervised Learning: Use Cases
- 【CSS】css各种居中方法
- linux 输入子系统(2)----简单实例分析系统结构(input_dev层)
- HDU 4828 - Grids (Catalan数)
- SPCircleView的使用(圆心向四周扩散动画)
- 搜索模式| 系列2——KMP算法
- Scikit-learn:数据预处理Preprocessing data
- C语言--static修饰变量
- 杂谈迁移tomcat项目到docker,以及遇到的问题
- Git总结笔记
- cocos2dx九宫图使用方法