-1

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画面のスクリーンショットです。

4

1 に答える 1