在图像上使用 JQuery 的 .load() 的正确方法是什么?

What is the proper way to use JQuery’s .load() on an image?

本文关键字:方法 是什么 load 图像 JQuery      更新时间:2023-09-26

我正在尝试使用 .load(( 在有人单击我页面上的按钮后从服务器检索图像,然后将其括在"href"和"img"标签中以将图像转换为可点击的链接,最后将其全部附加到div。

下面是我正在使用的代码,它可以工作.....

$("<a href='"" + ObjectName[randomNumber].link + "'" target='"_blank'">
<img src='"/contentimages/"+ ObjectName[randomNumber].imageurl +"'"></a>").load().appendTo("#imageDiv");  

然后,我将此功能绑定到一个按钮,以便当用户单击该按钮时,它会执行。

图像(ObjectName[randomNumber].

imageurl(和链接(ComboArray[randomNumber].link(都是对象的属性,通过javascript在客户端选择。Imageurl是文件夹中的直接.png文件("image1.png"(。

的问题涉及我如何使用 .load(( 的语法和安全性:

1(这是正确的语法吗?在jQuery页面上,它是相反的,URL请求在.load((括号内。但是我上面展示的方式对我有用。

2(根据jQuery资源页面,它说将你想要从服务器请求的内容传递给.load(((例如"/page.html"(。我可以在对象属性周围传递"href"和"img"标签 - 或者更具体地说,我在它们上调用 .load(( 是否可以?我想这些是通过一些幕后jquery魔法传递回服务器的,所以我想确保以这种方式使用.load((方法是安全的。

谢谢!

这不是load的预期用途。它"有效"是因为您所做的工作根本不会调用 load,并且加载可能会静默失败,因为它被错误调用(它需要 URL 作为参数(

仅第一部分,$("<a ... >")将从提供的字符串中创建元素。