900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 在css加载完毕后自动判断页面是否加入css或js文件【jquery】

在css加载完毕后自动判断页面是否加入css或js文件【jquery】

时间:2018-10-04 02:24:34

相关推荐

在css加载完毕后自动判断页面是否加入css或js文件【jquery】

web前端|js教程

css加载,执行代码

web前端-js教程

最近在写项目的framework,写个JQueryMessageBox的类,以使用jquery ui中的dialog()来显示消息框,为了使方法方便调用,便加入了自动判断页面是否加入了ui.js和ui.css,代码如下:

html5源码 数码,分区助手烧录ubuntu,爬虫得到网页信息,php项目编程,后端渲染 seolzw

//如果没有包含ui.js,则引用 if ($(script[src$=""jquery-ui-1.8.11.custom.min.js""]).length == 0) {{ $("""").appendTo(head); }} //如果没有加载css,则加载 if ($(link[ref$=""jquery-ui-1.8.14.custom.css""]).length == 0) {{ $(\).appendTo(head); //dialog() script }}

但CSS代码不会立即加载下来,于是在显示dialog的时候则不会有样式(在IE9下可以,因为在IE9下CSS即使后下载下来,也会重新绘制页面元素,而IE8则不会).解决此问题的方法,可以使用ajax,当css加载完毕后,再显示dialog,这样就可以带着样式显示出来了,代码如下:

公关策划公司网站源码,vscode升级pip,ubuntu bogon,tomcat初次安装,c 连数据sqlite库,深蓝多用户商城插件,人力资源管理 前端框架,沈阳龟仙人陆龟爬虫,idc源码php,seo哪几类公司,wp网站打开空白,网页 成绩查询 代码,phpcms 模板缓存lzw

if ($(link[ref$=""jquery-ui-1.8.14.custom.css""]).length == 0) { $.ajax({ url: /css/jquery-ui-1.8.14.custom.css, success: function(data) { //创建一个style元素,并追加到head中 //替换其中images的路径 $(\ + data.replace(/url\(images/g, url(/css/images) + \).appendTo(head); //dialog() script; } }); } else { //dialog() script; }

360度全景展示源码,Ubuntu 多大的硬盘,tomcat循环继承栈溢出,爬虫中reference,php开发后端教程,seo网站建设首荐兴田德润lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。