我在Ruby on Rails中有一个应用程序,我想用ajax在JQuery中加载一些图像。我要加载6张图片,所有图片都加载但是第6张。
这是我的观点:
<div class="container imageDisplayer">
<div class="row">
<div class="col-offset-md-3 col-md-6">
<%= f.association :hotspot, include_blank: false,:collection => Hotspot.where('user_id = ?',@user_id), :label => "Hotspot", :label_method => :code, input_html: { class: 'styled-select blue semi-square' } %>
</div>
</div>
<div class="row">
<div class="col-md-3">
<img src="/assets/logo.png" id="ad1">
<%= f.input :image1, :label => "1)" %>
</div>
<div class="col-md-3">
<img src="/assets/logo.png" id="ad2">
<%= f.input :image2, :label => "2)" %>
</div>
<div class="col-md-3">
<img src="/assets/logo.png" id="ad3">
<%= f.input :image3, :label => "3)" %>
</div>
</div>
<div class="row">
<div class="col-md-3">
<img src="/assets/logo.png" id="ad4">
<%= f.input :image4, :label => "4)" %>
</div>
<div class="col-md-3">
<img src="/assets/logo.png" id="ad5">
<%= f.input :image5, :label => "5)" %>
</div>
<div class="col-md-3">
<img src="/assets/logo.png" id="ad6">
<%= f.input :image6, :label => "6)" %>
</div>
</div>
</div>
我的jquery代码完美地加载了URL,即使是第6个(我甚至在其他选项卡上检查图像URL并显示图像
这是我加载URL的JS
function loadImages(hotspot_id){
console.log(hotspot_id);
request = {};
request["hotspot_id"] = hotspot_id
request = JSON.stringify(request);
console.log(request);
$.ajax({
type: 'post',
url:"/get_images",
data: {
hotspot: request
}
}).done(function(data) {
console.log(data);
if (data["result"] == "OK") {
if(data["1"] != "404"){
$("#ad1").attr("src",data["1"]);
}
if(data["2"] != "404"){
$("#ad2").attr("src",data["2"]);
}
if(data["3"] != "404"){
$("#ad3").attr("src",data["3"]);
}
if(data["4"] != "404"){
$("#ad4").attr("src",data["4"]);
}
if(data["6"] != "404"){
$("#ad6").attr("src",data["6"]);
}
if(data["5"] != "404"){
$("#ad5").attr("src",data["5"]);
}
}
});
变量数据[“6”]包含图像URL,但是当我尝试显示它时,图像的宽度和高度为0x0。但所有其他图像显示完美!为什么图像6没有加载?
刚刚发现,当我进入页面时,会出现这个问题,但是如果我重新加载它,它就可以了! (该死)
如果我强制标签图像显示第6张图像,它会完美显示,这意味着拧错所有内容是JS正确吗?