Javascript img src变量在jQuery中不起作用
该应用程序正在dreamweaver上运行,但当我在Chrome或IE上尝试时,它不起作用。我知道问题在哪里,但我现在不知道如何解决它。它与将变量作为img src应用有关。代码设置在 问题就在眼前Javascript img src变量在jQuery中不起作用,javascript,jquery,function,Javascript,Jquery,Function,该应用程序正在dreamweaver上运行,但当我在Chrome或IE上尝试时,它不起作用。我知道问题在哪里,但我现在不知道如何解决它。它与将变量作为img src应用有关。代码设置在 问题就在眼前 $(".topImage").attr("src", "'" + obj[randomNumA].urlTop + "'"); $(".middleImage").attr("src", "'" + obj[randomNumB].urlMiddle + "'"); $(".bottomIma
$(".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中添加额外的单引号“”。基于此,我删除了单引号,它将变量显示为文本,而不是其值。
我错过了什么?
提前谢谢。Rex您在它周围加上了单引号“-您不需要这样做,使用.attr为您处理:
$(".topImage").attr("src", obj[randomNumA].urlTop);
$(".middleImage").attr("src", obj[randomNumB].urlMiddle);
$(".bottomImage").attr("src", obj[randomNumC].urlBottom);
您正在使用“-You not need to”将单引号括起来,使用.attr为您处理:
$(".topImage").attr("src", obj[randomNumA].urlTop);
$(".middleImage").attr("src", obj[randomNumB].urlMiddle);
$(".bottomImage").attr("src", obj[randomNumC].urlBottom);
试试看
试试看
从obj[randomNumN].urlTop中删除单引号
看见
从obj[randomNumN].urlTop中删除单引号
看见
改用这个:
$(".topImage").attr("src", obj[randomNumA].urlTop);
$(".middleImage").attr("src", obj[randomNumB].urlMiddle);
$(".bottomImage").attr("src", obj[randomNumC].urlBottom);
示例。请使用此选项:
$(".topImage").attr("src", obj[randomNumA].urlTop);
$(".middleImage").attr("src", obj[randomNumB].urlMiddle);
$(".bottomImage").attr("src", obj[randomNumC].urlBottom);
例如