Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
是否有Javascript/jQuery的标准<;img/>;那个天堂';还没有放在文件里吗?_Javascript_Jquery_Dom - Fatal编程技术网

是否有Javascript/jQuery的标准<;img/>;那个天堂';还没有放在文件里吗?

是否有Javascript/jQuery的标准<;img/>;那个天堂';还没有放在文件里吗?,javascript,jquery,dom,Javascript,Jquery,Dom,如果图像标记只是那些尚未插入文档的虚拟Javascript元素中的一个,浏览器如何处理图像加载,是否有一个规范?例如: $('<img src="/path/to/image.jpg" />') $(“”) 是否有说明要加载图像?我之所以这样做,是因为我对以下实现感兴趣: 缩略图上的鼠标悬停事件会触发要加载的较大预览图像 较大的预览图像加载并触发加载事件,此时它覆盖在原始鼠标悬停元素的顶部 (2)的实现并不困难,但我想确保我可以跨浏览器依赖load事件。我曾在Firebug和Ch

如果图像标记只是那些尚未插入文档的虚拟Javascript元素中的一个,浏览器如何处理图像加载,是否有一个规范?例如:

$('<img src="/path/to/image.jpg" />')
$(“”)
是否有说明要加载图像?我之所以这样做,是因为我对以下实现感兴趣:

  • 缩略图上的鼠标悬停事件会触发要加载的较大预览图像
  • 较大的预览图像加载并触发加载事件,此时它覆盖在原始鼠标悬停元素的顶部

  • (2)的实现并不困难,但我想确保我可以跨浏览器依赖
    load
    事件。我曾在Firebug和Chrome控制台上试用过,它似乎工作得很好,但我还没有遇到一个规范告诉我它会一直工作。我不会把拒绝加载未放置在
    文档

    中的图像放在浏览器之外,
    加载
    事件应该在现代浏览器中始终如一地触发。您可能会遇到过时浏览器(IE6之前)的问题。我必须建议您在设置
    src
    之前分配一个加载事件处理程序。这确保事件将触发

    $("<img />").load(function() {
      alert("Loaded!");
      $(this).css("border", "solid 2px black").appendTo("body");  
    }).src("/path/to/image.jpg");
    

    $(“您正在创建的
    img
    元素与此完全相同?不是
    $('attribute'),因为它们指向根本不同的东西(从jQuery 1.4开始),这可能会影响您询问的行为。我真傻。我一直在做
    $(“”)
    在我的代码中,我想我会非常花哨和简捷。不过,你的观点很有道理,我肯定会注意到我将来不可避免地犯下这个错误。看来你有两个问题埋在这里:1)创建分离的
    img
    元素是否会在所有浏览器中自动获取图像的
    src
    ?2)是否在所有浏览器中一致触发
    img
    元素的
    加载
    事件?