在jquery图像列表视图中显示图像

Question

为什么有些图片没有出现在iOS模拟器的jQuery Mobile图像列表视图中？

它显示带有问号的蓝色框，而不是图像。如果存在URL问题，肯定所有图像都会显示带问号的图标，但有些图像显示完全正常。

我将图像调整为较小的尺寸，但这并没有解决问题。我该如何解决这个问题？

这是从mysql数据库获取图像的javascript。所有图像都在后端根文件夹中。

.$(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”或网址或文件位置不正确。

您可能需要重新检查您的网址位置和文件名是否正确输入而没有错误。