`

基于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实现图片动态加载效果

    同时,可以添加加载提示(如加载中...)以提高用户体验。 通过以上步骤,我们可以实现一个基本的jQuery图片动态加载功能。在实际项目中,还可以进一步优化,比如使用懒加载插件(如lozad.js或lazysizes),或者利用...

    jQuery基于CSS3加载文字动画.zip

    "jQuery基于CSS3加载文字动画"是一个结合了jQuery库和CSS3技术的项目,旨在实现富有创意的文字动画效果,为网页添加视觉吸引力。jQuery是一款广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画制作等任务。...

    jquery alert 提示框、动态加载提示框、jquery插件

    本文将详细探讨"jQuery Alert提示框"、"动态加载提示框"以及"jQuery插件"的相关知识点。 一、jQuery Alert提示框 在网页开发中,我们常常需要向用户显示一些信息或确认操作,传统的JavaScript alert函数虽然简单,...

    jquery图片预加载

    为了在实际项目中应用这个预加载功能,我们通常会在DOM加载完成后(即`$(document).ready()`)调用`preloadImages`函数,确保所有元素都已准备就绪。例如: ```javascript $(document).ready(function() { var ...

    js加载动画,jquery加载动画,css加载动画,html加载动画

    在`index.html`中,我们需要正确引用jQuery库以及`jquery.shCircleLoader.js`,并使用jQuery选择器找到需要添加加载动画的元素,然后调用插件方法,如`$(element).shCircleLoader(options)`,其中`options`可以设定...

    jQuery动态的图片加载插件.zip

    3. 初始化插件:在jQuery的`$(document).ready()`函数中调用插件,设置相应的选项,如加载动画效果、加载阈值等。 4. 格式化图片:为需要延迟加载的图片设置特定的类名或数据属性,以便插件识别。 通过这样的插件,...

    基于jquery的数据加载提示插件

    1. **初始化**:在页面加载完毕后,通过调用特定的jQuery方法初始化插件。开发者可以设置参数,如提示文本、加载图标、加载样式等,以定制加载提示的外观和行为。 2. **开始加载**:当触发数据加载操作(如点击按钮...

    jquery的加载提示

    例如,通过`$(document).ready()`函数确保在页面加载完成后执行我们的代码。 创建一个简单的加载提示,我们可以使用jQuery的`.show()`和`.hide()`方法来显示和隐藏元素。首先在HTML中设置一个用于显示加载提示的...

    jQuery+css 流程图插件

    "jQuery+css 实现的单分支流程图插件"是一个利用JavaScript库jQuery和CSS样式来创建简单、动态流程图的解决方案。这种插件特别适合那些希望快速实现流程展示,而无需深入了解复杂图表库的开发者。 **jQuery库的运用...

    js,jquery懒加载demo

    在这个示例中,当页面加载完成后,所有带有 `lazy` 类的图片都会被 jQuery Lazy 插件监控,并在进入视口时自动替换 `data-src` 属性为 `src`,触发图片加载。 **jQuery 懒加载 demo** 在你提到的 "js,jquery懒加载...

    jQuery数据加载进度条代码.zip

    3. **jQuery初始化**:在文档加载完成后,使用jQuery的`$(document).ready()`函数来初始化进度条。这可能包括设置初始进度值,以及绑定相关的事件监听器。 4. **进度更新**:当数据加载过程中,通过调用jQuery的...

    jquery动态加载图片数据练习代码

    具体是通过计算当前页面的首尾图片编号来决定加载的图片范围,然后调用`loadPhoto`函数来重新获取并更新页面中的图片数据。 最后,这里还提到了图片总数的获取,这可能用于显示当前页码和总页数,增强了用户界面的...

    jQuery页面区域预加载代码.zip

    3. **编写预加载函数**:使用jQuery,编写预加载函数,这个函数通常会在页面加载完成后或指定事件触发时执行。函数内部会按照设定的顺序和速度,逐个加载和显示区块。 4. **设置动画效果**:为了让预加载更具视觉...

    jquery+css3类似抽奖效果的数字滚动加载插件

    例如,它可能包含一个函数,该函数在用户点击抽奖按钮时被调用,启动数字滚动动画,并在达到预设的数字或达到一定时间后停止。 CSS3,另一方面,是层叠样式表的最新版本,提供了许多新的特性和功能,特别是在动画和...

    jQuery自动生成css投影样式

    // 调用函数并传入参数 setShadow(5, 10, 15, 0.3); ``` 在上述代码中,我们创建了一个名为`setShadow`的函数,它可以根据传入的参数生成一个投影样式,并将其应用于具有`customShadow`类的所有元素。 在提供的...

    jquery css3页面弹出loading加载代码

    在网页开发中,"jQuery CSS3页面弹出loading加载代码"是一个常见的需求,尤其是在页面内容动态加载或执行耗时操作时,为了提供更好的用户体验,通常会显示一个加载指示器(loading),让用户知道页面正在处理数据。...

    纯jquery+css绘画地图线路图插件Subway Map

    Subway Map是一款基于jQuery和CSS的插件,专为绘制地图线路图而设计。这个插件在HTML5开发环境中尤其适用,能够帮助开发者轻松创建出具有专业外观的线路图,例如地铁线路图、电路图或其他网络路径图。在现代网页应用...

    基于animate.css的jQuery+CSS3文字动画插件.zip

    《基于animate.css的jQuery+CSS3文字动画插件解析》 在现代网页设计中,动态效果的运用可以提升用户体验,使网页更具吸引力。本篇文章将深入探讨一款名为"基于animate.css的jQuery+CSS3文字动画插件"的工具,它巧妙...

    基于struts jquery实现的动态加载树形菜单

    ### 基于Struts与jQuery实现的动态加载树形菜单技术详解 #### 一、概述 本篇文章将深入探讨如何使用Struts框架结合jQuery来实现一个动态加载的树形菜单功能。该功能的主要特点是可以根据不同的场景需求,实现菜单...

    基于jquery实现的Flash加载远程图片带进度条显示效果.zip

    这个压缩包"基于jquery实现的Flash加载远程图片带进度条显示效果.zip"似乎包含了一个示例,该示例利用jQuery与Flash技术结合,实现了在加载远程图片时动态显示进度条的效果。这在用户界面设计中是一种优秀的用户体验...

Global site tag (gtag.js) - Google Analytics