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中不工作

回答

相关问题