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

【问题标题】：Show images in jquery image list view在 jquery 图像列表视图中显示图像
【发布时间】：2013-03-26 12:34:02
【问题描述】：

为什么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屏幕截图。

【问题讨论】：

你能把Item.ImageURL的值贴在这里吗？
你的意思是"ImageURL":"images\/dinner\/breakfast5.jpg",

标签： ajax cordova jquery-mobile jsonp

【解决方案1】：

我见过这种情况的唯一一次是图像名称输入不正确或文件位置不正确。

例如：正确的文件名：“images/myimage.png”被错误输入为“images/myimge.png”或url或文件位置不正确。

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

【讨论】：