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 示例。