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前面,因为后者会用到前者的东西,仅此而已。

  • 相关阅读:
    Thymeleaf 用法
    如何使用FormData上传压缩裁剪后的图片Blob对象
    video播放视频以及相关事件
    将表单序列化为json对象
    滑动到底部自动加载下一页内容,手机H5页面
    获取URL参数
    关于循环往集合添加元素,而导致的元素覆盖问题
    SpringMVC传递数组参数
    SQL查询语句
    jQuery DOM节点操作
  • 原文地址:https://www.cnblogs.com/wzlblog/p/6077609.html
Copyright © 2011-2022 走看看