zoukankan      html  css  js  c++  java
  • 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前面,因为后者会用到前者的东西,仅此而已。

  • 相关阅读:
    数据挖掘笔记(2018-03-22发布于知乎)
    使用Graphlab参加Kaggle比赛(2017-08-20 发布于知乎)
    大数据笔记
    2018网易游戏数据挖掘实习生笔试面经
    数据库课程设计之图书借阅管理系统
    居中
    lucene
    eclipse中使用git
    yii
    工作总结
  • 原文地址:https://www.cnblogs.com/wzlblog/p/6077609.html
Copyright © 2011-2022 走看看