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