簡體   English   中英

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

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

有人單擊我頁面上的按鈕后,我嘗試使用.load()從服務器檢索圖像,然后將其包圍在“ a 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要求相反,URL請求位於.load()括號內。 但是我上面展示的方式對我有用。

2)根據jQuery資源頁面,它表示將您想要從服務器請求的內容傳遞到.load()中(例如“ /page.html”)。 我可以在對象的屬性周圍傳遞“ a href”和“ img”標簽嗎?或者更確切地說,是在它們的屬性上調用.load()嗎? 我想這些是通過一些后台jquery魔術傳遞回服務器的,所以我想確保以這種方式使用.load()方法是安全的。

謝謝!

這不是load的預期用途。 之所以“有效”,是因為您所做的一切都可以在不調用load的情況下進行,並且由於調用不正確(它期望將URL作為參數),加載可能會以靜默方式失敗。

僅第一部分, $("<a ... >")將從提供的字符串中創建元素。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM