img src變量在jQuery中不起作用

Question

該應用程序可以在Dreamweaver上運行，但是當我在Chrome或IE上嘗試時，它無法正常工作。 我知道問題出在哪里，但現在不知道如何解決。 它與將變量用作img src有關。 該代碼是在http://jsfiddle.net/v9rxH/上設置的

問題在排隊

 $(".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中添加了其他單引號（''）。 基於此，我刪除了單引號，並將變量顯示為文本而不是其值。 我想念什么？ 提前致謝。 雷克斯

Answer 1

您可以在單引號周圍加上"'" ，而不必使用.attr()為您處理：

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

Answer 2

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

• 參見DEMO 。

Answer 3

嘗試，

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

Answer 4

使用此代替：

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

jsFiddle示例。