javascript - 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);