DOM操作与引用资源的前后关系
首先我们来看下在原先错误的情况下的代码：
这个是由ui-route需要引入的页面,从代码中我们可以看到,该页面(tpl_main.html)使用了swiper,然后我们来看主页面中的代码情况：
熟悉angular的朋友都知道,由ui-route加载的tpl_main.html页面将被防止到ui-view的div中,而在主页面中,jquery的引入是在tpl_main.html引入之后,这就使得jquery的引入在swiper之后,从而造成未能达到swiper原有的效果(js文件放置在底部有助于网站的优化)
注：这里在做效果演示的时候遇到了一个坑,因为先前使用过jquery的CDN,并且该jquery的引入是之前ui-route引入的tpl_main.html之前,因而一直达不到效果(哎,CDN的缓存原因,好心酸,已被十万伏特击中N次)
解决方案：将jquery从"body"的尾部放置到head中,从而jquery的引入在swiper之前,具体如下：
正确的效果如下:
原文链接：http://www.gbtags.com/gb/share/8919.htm
转载于:https://www.cnblogs.com/gbtagscom/p/4981403.html
DOM操作与引用资源的前后关系相关推荐
- day05【JQuery框架】HTML引入Jquery、jQuery与JS区别、基本选择器、层级关系选择器、属性选择器、过滤选择器、 对象遍历、Jquery的DOM操作【重点】、Jquery事件绑定
回顾 1. bom对象window对象三种弹框alert()confirm()prompt()二种定时器一次性:setTimout() --- 通过递归实现循环性循环性:setInterval()lo ...
- js hover 触发事件_为什么说JS的DOM操作很耗性能
想问这样的问题,其实是自己心中没有个谱,一直用 js 计算性能来衡量 浏览器dom 操作性能.js性能和浏览器性能其实是两码事. 这个问题很抽象,它里面涉及挺多个小的知识点. 重申一点,js 操作 D ...
- 原生js循环展示dom_为什么说JS的DOM操作很耗性能
想问这样的问题,其实是自己心中没有个谱,一直用 js 计算性能来衡量 浏览器dom 操作性能.js性能和浏览器性能其实是两码事. 这个问题很抽象,它里面涉及挺多个小的知识点. 重申一点,js 操作 D ...
- MySQL数据库之SQL的各种操作/Html/Java和XML的关系
MySQL数据库之SQL的各种操作/Html/Java和XML的关系 今天内容:(1)数据库的概述(2)MySQL数据库的环境搭建(3)常用的数据类型(4)DDL数据定义语句(5)DML数据操纵语句1 ...
- 前端性能优化总结/懒加载、函数节流、优化dom操作、雪碧图、合并文件
1.减少 HTTP 请求数量 在浏览器与服务器进行通信时,主要是通过 HTTP 进行通信.浏览器与服务器需要经过三次握手,每次握手需要花费大量时间.而且不同浏览器对资源文件并发请求数量有限(不同浏览器 ...
- html5中的dom中的各种节点的层次关系是怎样的
html5中的dom中的各种节点的层次关系是怎样的 一.总结 一句话总结:Node节点是所有节点的基类,所以都继承它的方法 1.dom提供在js中动态修改html标签的作用 比如增加修改标签等,并且是 ...
- 浅析SAX,DOM,JAXP,JDOM与DOM4J之间的关系
转载自 浅析SAX,DOM,JAXP,JDOM与DOM4J之间的关系 众所周知,SAX与DOM是JAVA中两大核心XML解析API类库,而JAXP,JDOM与DOM4J都是基于这两大核心API而衍 ...
- DOM操作 append prependTo after before
通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作.但实际上一般开发者都习惯性的先定义好HTML结构,但这样就非常不灵活了. 试想下这样的情况:如果我们通过AJAX获取到数 ...
- 04-前端技术_ javaScript内置对象与DOM操作
目录 五,javaScript内置对象与DOM操作 1,JavaScript对象定义和使用 2,JavaScript内置对象 2.1 Array数组 2.1.1 创建方式 2.1.2 常用属性: 2. ...
- JQuery 基础 jq选择器 dom操作
目录 JQuery 基础: (***) window.onload 和 $(function) 区别 1. 基本选择器 1. 标签选择器(元素选择器) 2. id选择器 3. 类选择器 2. 层级 ...
最新文章
- 编程语言“考古”：曾经影响一代人的BASIC，原来还有前身
- 这年头，做 Python 不懂点数据结构与算法真不行！
- 修改android4.0的鼠标箭头图标（方法）
- GDCM：西门子CSA转DICOM文件的测试程序
- POI的入门：创建单元格设置数据
- mysqlbinlog恢复误删数据
- sql优化技巧_使用这些查询优化技巧成为SQL向导
- 使用pycharm配置flask项目，并使用git进行版本控制
- php 替换 超链接,php 替换字符串所有url为超链接，并给超链接添加nofollow的简单示例...
- JavaWeb — session+Cookie
- 725.分隔链表（力扣leetcode） 博主可答疑该问题
- 谭浩强c语言程序设计试题汇编pdf,C语言程序设计基础(谭浩强)习题.pdf
- C语言编写游戏的程序教程,如何运用C语言编写搬山游戏
- Windows API一日一练 17 DialogBox和DialogBoxParam函数
- IC基础知识7-数据选择器
- 删除下拉框只找23火星软件_下拉框找20火星软件
- 【ESP32】 esp32 输入输出文件系统、编码
- BugKu CTF(杂项篇MISC)—放松一下吧
- vue el-table 表格宽度无法缩小自适应
- 软件安装下载【Android】