img src変数がjQueryで動作しない

Question

アプリケーションがDreamweaverで動作していますが、ChromeやIEで試してみるとうまくいきません。私は問題がどこにあるのか知っていますが、今修正する方法はありません。それはimg srcとして変数を適用することと関係があります。コードが設定され、ブラウザはそれはそれは、SRCに（「」）、追加の単一引用符を追加しています

<img src="'http://placehold.it/300x100&text=SecondBottom'" class="bottomImage"> 

を示しているレンダリングするときhttp://jsfiddle.net/v9rxH/

で問題が並んで

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

です。それに基づいて、私は一重引用符を削除し、その値をテキストではなく変数として表示します。 私は何が欠けていますか？ ありがとうございます。レックス

Answer 1

あなたは"'"とその周りの単一引用符を入れている - あなたがする必要はありません、.attr()を使用すると、あなたのためのことを処理します。

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

Answer 2

単一引用符を削除し、

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

Answer 3

をお試しくださいobj[randomNumN].urlTopから。

• DEMOを参照してください。

Answer 4

使用この代わりに：

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

jsFiddle例。