`

基于jquery的动态加载css加载成功后调用函数

阅读更多
/**
 * 加载css样式
 * @param style 样式的地址
 * @param stamp 样式的时间戳
 * @param callback 成功之后的处理函数
 */
function __loadStyle(style, stamp, callback){
	var stamp = stamp||(new Date() - 0);
	
	if(!window.__STYLES){
		window.__STYLES = [];
	}
		
	if($.inArray(style, window.__STYLES) == -1){
		var obj = document.createElement("link");
		$('<link rel="stylesheet" href="' + style + "?t=" + stamp + '" type="text/css"/>');
		obj.setAttribute("rel", "stylesheet");
		obj.setAttribute("href", style + "?t=" + stamp);
		obj.setAttribute("type", "text/css");
		
		$(obj).bind('load', function(){
			window.__STYLES.push(style);
			if(callback instanceof Function){
				callback();
			}
		});
		
		$('head').get(0).appendChild(obj);
	}else{
		if(callback instanceof Function){
			callback();
		}		
	}
}

jquery下动态加载脚本,getScript函数可以实现加载js,其原理是ajax获取到js代码之后eval代码;如果有跨域则使用动态载入脚本(script标签)
KindEditor的loadStyle函数可以加载css,但是没有成功之后的回调
直接使用$('link')在ie下样式加载貌似会出错,故使用createElement
分享到:
评论

相关推荐

    超实用的jQuery代码段

    3.14 如何为动态添加的元素绑定事件处理函数 3.15 为表格行增加单击事件 3.16 用回车键模拟Tab键 第4章 jQuery操作CSS样式 4.1 使用addClass()函数动态添加样式类 4.2 使用removeClass()函数动态移除样式类 4.3...

    jquery动态加载js/css文件方法(自写小函数)

    先来看jquery自带的getSrcript文件 方法 $.getScript(url,callback) 实例 代码如下: var testVar = ‘New JS loaded!...动态调用方法 代码如下: [removed][removed] &lt;script type=”text/javascript”

    jQuery详细教程

    当我们在教程中演示 jQuery 时,会将函数直接添加到 &lt;head&gt; 部分中。不过,把它们放到一个单独的文件中会更好,就像这样(通过 src 属性来引用文件): 实例 &lt;script type="text/javascript" src="jquery.js"&gt; ...

    jquery插件使用方法大全

    ·attribute(改进了.attr()的性能)、jQuery()核心函数、CSS(.css()性能有两倍提升)、特效和事件、DOM操作等也有显著改进 1.5 美国时间1月31日John Resig在jQuery官方博客发表文章,宣布jQuery 1.5正式版已经...

    jquery电子文档chm

    使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。数据类型设置为 "jsonp" 时,jQuery 将自动调用回调函数。 -------------------------------------------...

    jQuery 图片浏览放大插件 ZoomImage V1.0.rar

    [removed][removed][removed][removed][removed][removed]调用代码 你所需要做的所有事就是使用jQuery的方式选择一个元素并且调用插件。 $('a.myLinks').zoomimage(options); 可选项 一个哈希参数。所有的参数都是可...

    jquery.nicescroll-master

    2. 通过 jquery 获取需要添加滚动条的元素,调用 niceScroll 函数进行配置即可使用该插件,如下 1 2 3 4 5 6 7 8 9 $('#content').niceScroll({ cursorcolor: "#ccc",//#CC0071 光标颜色 cursoropacitymax: 1, //...

    jquery-1.1.3 效率提高800%

    success 数据类型: Function 当请求成功时调用的函数。这个函数会得到二个参数:从服务器返回的数据(根据“dataType”进行了格式化)和一个描述HTTP相应的状态字符串。这是一个 Ajax 事件。 function ...

    《精通Javascript+jQuery》光盘源码

     2.8.1 定义和调用函数  2.8.2 用arguments对象访问函数的参数  2.8.3 实例:杨辉三角  2.9 其他对象  2.9.1 对象简述  2.9.2 时间日期:Date对象  2.9.3 数学计算:Math对象  2.10 BOM基础  ...

    timepicker:基于jQuery的时间选择器插件

    基于jquery的一款时间选择器组件,每次重新打开时间会重置 主要思路 定义全局变量year,month,day,使用函数对其进行操作,最终达到展示效果 封装组件方法 $.extend({ timePickerCom: function(name) { ... ...

    使用CDN和AJAX加速WordPress中jQuery的加载

    当然,如果你需要head部分加载jquery,也请确保所有的js文件,包括jquery,都要放在调用CSS文件的代码之后,来实现同步下载。这也是Google官方给出的建议。例如下面的加载不推荐: [removed][removed] &lt;link hr

    红色多级下拉菜单Div CSS jquery菜单实例.rar

    是学习Div CSS jquery制作菜单的一个好实例,可以显示5级子菜单,关于本菜单中的JS封装,作者其实是想利用一些私有方法和变量,但是这么包装,感觉有些不伦不类,既然还是要搞了半天,还是返回的一个构造函数,还...

    jQuery.switchPage.js:基于jQuery的全屏切换插件

    一、类级别的组件开发:即给jQuery命名空间下添加新的全局函数,称为静态方法。 jQuery.foo = function() { // do something } // 使用 $.foo() 进行调用 例如 $.Ajax() 、 $.extend() 方法 二、对象级别组件开发:...

    jQuery插件pagination实现分页特效

    实用jQuery分页特效插件jquery.pagination.js,基于jQuery实现,可根据pageselectCallback函数callback调用通过ajax调用动态数据,目前的方法是生成JSON数据到JS文件,调用的数据是JSON格式数据,缺点是数据是一次性...

    浅析jQuery的链式调用之each函数

    话说回来,虽然jQuery让学习前端技术的越来越多了起来,(本人就是因为学校图书馆偶然间遇到了一本jQuery基础教程(二)开始想深入的学习前端技术),关于jQuery的博文甚至多于javascript,它让编程的门槛大大的降低...

    jQuery完全实例.rar

    jQuery1.2 API 中文版折叠展开折叠全部展开全部 英文说明 核心jQuery 核心函数 jQuery(expression,[context]) jQuery(expression,[context]) 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组...

    jQuery API 3.3.1-速查手册中文版

    速查手册是一套jQuery API 3.3.1速查表,很实用的手册,在编写jQuery应用代码时查看api信息很实用,其内包含了jquery学习过程中的各类知识点,能够让软件工程师清楚地了解每一个函数的核心内容,属性以及css框架信息...

    jquery-source-code:jquery原始码学习-jquery source code

    jquery方法调用方式 ### jquery的无新内置JavaScript是函数式语言,函数可以实现类(class),类就是面向对象中最基本的概念 var aQuery=function(selector,context){ //构造函数 } aQuery.prototype={ //原型 ...

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    JQuery事件之页面框架和加载后自动执行 JQuery扩展以及自动执行函数的应用 JQuery阻止事件发生 JQuery扩展 作业 第18周 内容概要 JS正则详解 JS正则详解之验证 组件BootStrap、EasyUI、JQueryUI 插件轮播 Django_...

    利用css的clear属性实现广告文字环绕效果

    加载完毕后回调函数----回调参数说明:url-传回图片地址值,picDiv-传回所加载图片DIV的ID,w-传回的图片原始宽度,h-传回的图片原始高度;  加载图片事件参数说明:  url-图片路径,picDiv-装载图片的DIV的ID,用法...

Global site tag (gtag.js) - Google Analytics