img src變量在jQuery中不工作

該應用程序正在使用Dreamweaver，但是當我在Chrome或IE上嘗試時，它無法工作。我知道問題出在哪裏，但我現在不知道如何解決問題。它與將變量作爲img src應用有關。該代碼是在http://jsfiddle.net/v9rxH/img src變量在jQuery中不工作

設置的問題是在該行

$(".topImage").attr("src", "'" + obj[randomNumA].urlTop + "'"); 
$(".middleImage").attr("src", "'" + obj[randomNumB].urlMiddle + "'"); 
$(".bottomImage").attr("src", "'" + obj[randomNumC].urlBottom + "'");

當瀏覽器呈現它表明

<img src="'http://placehold.it/300x100&text=SecondBottom'" class="bottomImage">

它添加額外的單引號（」「）中的SRC。基於此，我刪除了單引號，並將該變量顯示爲文本而不是其值。我錯過了什麼？在此先感謝。雷克斯

來源

2012-02-17 rex

你把單引號括起來它"'" - 你不需要使用.attr()處理，對你：

$(".topImage").attr("src", obj[randomNumA].urlTop); 
$(".middleImage").attr("src", obj[randomNumB].urlMiddle); 
$(".bottomImage").attr("src", obj[randomNumC].urlBottom);

來源

2012-02-17 19:52:56 Joe

超級...作品像一個魅力。非常感謝Joe。 – rex 2012-02-17 19:56:23

嘗試，

$(".topImage").attr("src", obj[randomNumA].urlTop); 
$(".middleImage").attr("src", obj[randomNumB].urlMiddle); 
$(".bottomImage").attr("src", obj[randomNumC].urlBottom);

來源

2012-02-17 19:54:02

刪除單引號從obj[randomNumN].urlTop。

參見DEMO。

來源

2012-02-17 19:55:51 paislee

使用這個代替：

$(".topImage").attr("src", obj[randomNumA].urlTop); 
$(".middleImage").attr("src", obj[randomNumB].urlMiddle); 
$(".bottomImage").attr("src", obj[randomNumC].urlBottom);

jsFiddle例子。

來源

2012-02-17 19:56:54 j08691

img src變量在jQuery中不工作

回答

相關問題