单击一个图像以在jquery中加载另一个图像

我有一个使用jquery显示的图像。当鼠标移到那个图像上时，我喜欢鼠标变为可点击，当点击时，我喜欢加载另一个图像。这是我的代码，不起作用。有什么想法吗

html代码：

jquery代码：

$("#div1").click(function () {
    var img_cpu = "http://192.168.101.1/cpu.png";
    var myImage = new Image();
    $(myImage).load(function () {
        $("#div2").html(myImage)    
    }).error(function () {
        $('#div2').hide();
    })
    .attr('src', img_cpu)
});

出现了一些问题

• 您创建了一个新图像

  var myImage=new image（）但您以后没有指定
  src
  （因此加载事件从不触发）
  

• myImage32

  未在代码中的任何位置定义

此外，请确保

cpu.png

• 在同一个文件夹中
• 具有查看的最低权限（

  644

  ）
• 尚未缓存，否则加载事件永远不会发生：在这种情况下，您应该检查

  complete

  属性，并触发为加载事件定义的处理程序（请参见下面的代码段）

---

出现了一些问题

• 您创建了一个新图像

  var myImage=new image（）但您以后没有指定
  src
  （因此加载事件从不触发）
  

• myImage32

  未在代码中的任何位置定义

此外，请确保

cpu.png

• 在同一个文件夹中
• 具有查看的最低权限（

  644

  ）
• 尚未缓存，否则加载事件永远不会发生：在这种情况下，您应该检查

  complete

  属性，并触发为加载事件定义的处理程序（请参见下面的代码段）

---

---

一下子，你就好像忘了把图像的URL放在加载函数中。它应该看起来像

.load（'url/to/image/'，function（）…

一下子，你就忘了把图像的url放在load函数中。它应该看起来像

.load（'url/to/image/'，function（）…

一个JSFIDLE或一点HTML源代码可能会有用一个JSFIDLE或一点HTML源代码可能会有用一个JSFIDLE或一点HTML源代码可能会有用我在原始代码上有一个拼写错误。我更正了它。我正在将一个单击事件绑定到div并尝试加载一个图像。它应该可以工作，但不能。我现在不知道我做错了什么。我在ori上有一个拼写错误ginal代码。我更正了它。我正在将一个单击事件绑定到div并尝试加载一个图像。它应该可以工作，但不能。我现在不知道我做错了什么。

 $(myImage).one('load', function () {   /* use one() */
     $("#div2").html(myImage32)    
 })
 .attr('src', img_cpu);

 if (!!myImage.complete) $(myImage).trigger('load');