Показать изображения в представлении списка изображений jquery

Question

Почему некоторые изображения не отображаются в jQuery Отображение списка мобильных изображений в iOS-симуляторе?

Вместо изображений на нем отображается синяя коробка с вопросительным знаком. Если возникла проблема с URL-адресом, наверняка все изображения будут показывать значок с вопросительным знаком, но некоторые изображения отображаются совершенно нормально.

Я изменил размеры изображений на меньшие размеры, но это не решило проблему. Как я могу исправить эту проблему?

Это javascript, который получает изображения из базы данных mysql. Все изображения находятся в корневой папке.

.$(function() { 
     var serviceUrl = 'http://localhost/Backend/getDinner.php?jsoncallback=?'; 
     var dataStore = {}; 
     $.ajax({ 
        url: serviceUrl, 
        crossDomain: true, 
        dataType: "jsonp", 
        contentType: "application/json; charset=utf-8", 
        jsonpCallback:'jsoncallback', 
       }) 
      .success(function(data) { 
      $.each(data, function(i, item){ 
      // Stash the items by id for later retrieval.   
      dataStore[item.ID] = item; 
      var $row = $(
      '<li>' + 
      '<a data-transition="slide" href="#detailsPage">' + 
      '<img src="' + item.ImageURL + ' ">' + 
      '<h2>' + item.Title + '</h2>' + 
      '<h2>' + 'Price :'+ item.Price + '</h2>' + 
      '</a>' + '</li>'); 
      $('#output').append($row); 

Вот HTML, который получает представление списка.

<div data-role="content" data-scroll="true" > 
    <ul id="output" data-role="listview" ></ul> 

Вот скриншот экрана IOS.

Answer 1

Единственный раз, когда я видел это, когда имя изображения неправильно набран или местоположение файла не является правильным.

Например: Правильное имя файла: "images/myimage.png" является ошибочным как "images/myimge.png" или неправильный адрес или местоположение файла.

Возможно, вы захотите перепроверить, что ваше местоположение и имя вашего URL правильно напечатаны без ошибок.