JQuery不加载特定的图像

时间:2017-02-03 13:40:24

标签: javascript jquery html css ruby-on-rails

我在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正确吗?

0 个答案:

没有答案