我使用JavaScript来生成一个图像对象,然后使用jQuery来改变它的属性,包括一个.load函数。在找到Safari(ver 5.0.5)的错误控制台(当最后不难发现时最令人沮丧)之后,我们发现Safari在遇到未封闭的img标签时终止了它的JavaScript,当然在HTML5中不推荐使用。我只是简单地将函数中的img标签硬连接起来,如果这样做不会增加加载函数而非噩梦(如果不是不可能的话)。有任何想法吗?Safari浏览器不酷,HTML5无效元素; JavaScript是

function loadImageTitle(imgsrc, element, width, height, title) {

var img = new Image();

$(img)

.load(function() {

$(this).hide();

$(element).replaceWith(this);

})

.css({ 'max-width': width, 'max-height': height })

.attr("title", title)

.attr("alt", title)

.attr("src", imgsrc);

}

我其实有种不清楚这个最基础的部分。问题是,JavaScript使img没有尾随斜线(在Safari 5.0.5中,在FF 4.0.1中,在IE8中和在Chrome 13中 - 无处不在,因为我可以告诉),因为在HTML5中,它是可选的。 Safari不同意并终止脚本。

+3

你为什么要将图像对象传递给jQuery。难道这不是'$('

')'而不是'$(img)'? –

+0

什么版本的Safari?你可以在http://jsfiddle.net上重现这个吗? –

+1

只是为了澄清,你正试图将一个jQuery加载事件处理程序附加到JavaScript Image对象。还没有添加到DOM的一个。我对么? –

html5+调用safari,Safari浏览器不酷,HTML5无效元素; JavaScript是相关推荐

  1. html5 loading游戏,12种炫酷html5 svg加载loading动画特效

    12种炫酷html5 svg加载loading动画特效 刘振兴 代码分享 2015年11月23日 14182 3条评论 这是一款使用HTML5 SVG技术制作的12种炫酷html5 svg加载load ...

  2. html5融合效果,7种炫酷HTML5 SVG液态水滴融合动画特效

    这是一组使用HTML5 SVG过滤器制作的炫酷液态水滴融合动画特效.这些SVG动画特效使一些HTML元素,如菜单.分页按钮.APP.选择框等元素的过渡动画像几粒水滴一样融合分解,效果非常的酷. SVG ...

  3. ie html5 支持相机,HTML5IE浏览器兼容问题以及图像元素

    Internet Explorer 浏览器问题 Internet Explorer 8 及更早 IE 版本的浏览器不支持以上的方式. 我们可以使用 Sjoerd Visscher 创建的 " ...

  4. html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和HTML5?

    * HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加. 绘画 canvas; 用于媒介回放的 video 和 audio 元素; 本地离线存储 localSt ...

  5. html5 3d 游戏开发,8个经典HTML5 3D动画赏析

    本文作者html5tricks,转载请注明出处 1. 这次我们要来分享一款效果非常酷的HTML5 3D柱形图表,这款HTML5图表和之前分享的都不一样,主要是外观上比较吸引人,首先图表是3D立体的,有 ...

  6. html音频兼容ios,Safari和iOS上的Html5(音频)(Html5 (audio) on Safari iOS)

    Safari和iOS上的Html5(音频)(Html5 (audio) on Safari & iOS) 我正在开发一个Web应用程序,并且在PC上有Apple设备和Safari的兼容性问题. ...

  7. php识别html5,CSS_在IE6/7/8下识别html5标签(让老式浏览器识别html5),识别html5标签: html5添加了许 - phpStudy...

    在IE6/7/8下识别html5标签(让老式浏览器识别html5) 识别html5标签: html5添加了许多语义化的标签,比如,,什么的,当时看到这些标签的时候心想html5估计很多老式IE浏览器都 ...

  8. html视频一直播放代码,通过HTML5调用播放视频的一些注意事项和代码方法

    在这个有关视频的快速技巧里,我们将探讨如何在项目中使用 HTML5 video 标签.由于旧的浏览器和 Internet Explorer 不支持 元素,我们必须为这些浏览器找到一个支持 Flash ...

  9. 《HTML5 视频的现状》报告指出:目前市场上74%的浏览器都支持HTML5视频

    JW Player背后的开发公司LongTail Video最新发布了<HTML5 视频的现状(The State of HTML5 Video)>报告,在报告里指出,目前市场上有74%的 ...

最新文章

  1. MATLAB 与Modelsim之间通过Linker的联合仿真
  2. linux虚拟文件系统vfs
  3. 机器学习基础-多元线性回归-02
  4. InnoDB存储引擎--学习笔记-redo log
  5. linux日常学习笔记
  6. 让IIS7支持SSI功能(用来支持shtml)的方法
  7. 三级网络技术通关指南
  8. 在word中快速得到数学公式
  9. 程序员该如何规划自己的职业发展?
  10. JAVAweb JSP飞机订票系统航空机票预订销售系统(机票预订系统)网上机票预订飞机订票
  11. Hbase Locality
  12. 计算机计时器原理,定时器和计数器-微机原理与接口技术.DOC
  13. Oracle表归档,oracle数据库归档详解
  14. micropython是什么意思_介绍 MicroPython 语言
  15. Linux下JAVA程序启动脚本(实例)
  16. 鹰硕区域智慧教育云平台 AI助力搭建线上教学平台
  17. 相对论到底说了些什么,你也能看懂
  18. 一直播回放视频下载到电脑
  19. YII2 with的使用
  20. 安卓手机投屏软件_手机投屏软件,居然支持所有网址......

热门文章

  1. float元素一定要闭合
  2. java 风格的正则表达式 vs Perl风格的正则表达式
  3. 在php中使用json
  4. H.264宣布永远不会对使用者收费
  5. 光纤看起来长得都一样?其实它们之间大有不同—Vecloud微云
  6. PostgreSQL索引探究
  7. B - Modular Inverse
  8. JSP中两种include的区别
  9. 什么是Windows Service应用程序?(转)
  10. main方法一定要放在public类当中吗?