переменная 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">

это добавляет дополнительные одинарные кавычки('') в ср.Исходя из этого, я удалил одинарные кавычки, и она показывает переменную в виде текста вместо ее значения.Что мне не хватает?Заранее спасибо.Rex

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.

• См. ДЕМО .

Answer 3

Используйте это вместо:

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

jsFiddle пример.

Answer 4

Попробуйте,

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