在图像上使用 JQuery 的 .load() 的正确方法是什么?
What is the proper way to use JQuery’s .load() on an image?
我正在尝试使用 .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 ... >")
将从提供的字符串中创建元素。
相关文章:
- 打破承诺链的好方法是什么
- 在JavaScript中拆分日期字符串的更好方法是什么
- 将jQuery.ech()方法转换为本地JavaScript抽象的最佳方法是什么
- 处理浮点错误的最佳方法是什么
- 基于窗口宽度jquery的函数的替代方法是什么
- knex:根据结果创建数组的合适方法是什么
- 以编程方式填充组合框道场 (1.8) 的最佳方法是什么?
- 使用Modernizr检测移动设备最可靠的方法是什么
- 确定var是否是javascript中的elementFinder对象的方法是什么
- 用javascript修复这个JSON对象字符串最干净的方法是什么
- 让会话值可用于JavaScript的好方法是什么
- 从AngularJs获取谷歌地图对象的正确方法是什么
- 使用ReactJS和Flux架构从服务器获取数据的正确方法是什么
- 列出没有 mysql 的元素的最佳方法是什么
- 克服错误的更优雅的方法是什么:需要对象说明符.当通过JXA通过Messages发送SMS时,参数没有对象说明符
- 使用较少代码隐藏和显示选择菜单内容的更好方法是什么?javascript
- 在 Javascript 中实现解耦代码/回调的正确方法是什么?
- 使用Javascript,获取元素的方法是什么,基于打开和关闭标记之间的文本
- 在d3.json中使用d3.csv组合多个csv文件数据输入的最佳方法是什么
- 直接在DOM事件处理程序中调用作用域函数的最短方法是什么