Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.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
通过jQuery加载图像的最简单情况_Jquery - Fatal编程技术网

通过jQuery加载图像的最简单情况

通过jQuery加载图像的最简单情况,jquery,Jquery,我没有任何运气使用jQuery将图像文件拉入图像元素。这看起来很简单,但我显然遗漏了一些非常基本的东西。我是一个完全的jQuery tyro,所以我可能在某个地方犯了一个愚蠢的错误 所有文件都在同一目录html、jquery-1.10.2.min.js、myImage.png中 文本显示,但没有图像 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/

我没有任何运气使用jQuery将图像文件拉入图像元素。这看起来很简单,但我显然遗漏了一些非常基本的东西。我是一个完全的jQuery tyro,所以我可能在某个地方犯了一个愚蠢的错误

所有文件都在同一目录html、jquery-1.10.2.min.js、myImage.png中

文本显示,但没有图像

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

    <head>
        <script type="text/javascript" src="jquery-1.10.2.min.js"></script> 
    </head>

    <body>
        beforeimage
        <img id="myImageElement" src="" />
        afterimage

        <script type="text/javascript">
        $('#myImageElement').load('myImage.png');
        </script>

    </body>

</html>

您应该尝试设置img标记的src属性

$('#myImageElement').attr("src","myImage.png");
$(function() {
        $('#myImageElement').attr('src', 'http://davidnaylor.org/temp/thunderbird-logo-200x200.png');
});