javascript - 为什么不在我的 iPad 上加载第一个图像

Question

我的项目中有一个图库 slider 。

我已经在我的电脑上测试过，一切正常，

但是当我在我的 ipad 上测试时，画廊 slider 的图像在我打开我的项目时不会加载。

slider 中的图像总数为 62，总计 1.2mb

我的代码:

<div class="main">
    <div class="fixed-bar" style="margin-top:40px">
        <ul id="carousel" class="elastislide-list">
            <li><a href="#p1"><img src="imagens/paginas/1.jpg" /></a>
            </li>
            <li><a href="#p2"><img src="imagens/paginas/2.jpg" /></a>
            </li>
            <li><a href="#p3"><img src="imagens/paginas/3.jpg" /></a>
            </li>
            <li><a href="#p4"><img src="imagens/paginas/4.jpg" /></a>
            </li>
        </ul>
    </div>
</div>

Javascript:

$(document).on('pagebeforeshow', function () {
    $('.fixed-bar').hide();
});

$('#carousel').elastislide({
    minItems: 9
});

预加载器:

var images = new Array()
            function preload() {
                for (i = 0; i < preload.arguments.length; i++) {
                    images[i] = new Image()
                    images[i].src = preload.arguments[i]
                }
            }
            preload(
                "imagens/Paginas/1.jpg",
                "imagens/Paginas/2.jpg",
                "imagens/Paginas/3.jpg",
                "imagens/Paginas/4.jpg",
                "imagens/Paginas/5.jpg",
                "imagens/Paginas/6.jpg",
                "imagens/Paginas/7.jpg",
                "imagens/Paginas/8.jpg",
                "imagens/Paginas/9.jpg",
                "imagens/Paginas/10.jpg",
                "imagens/Paginas/11.jpg",
                "imagens/Paginas/12.jpg",
                "imagens/Paginas/13.jpg",
                "imagens/Paginas/14.jpg",
                "imagens/Paginas/15.jpg"
 )

Answer 1

我解决了我的问题。

我做了什么:

之前: 我之前有一个 html 文档，其中包含多个 data-role="pages"，第一个 data-role="page"是我的菜单，用户可以在其中选择选项。 当用户点击其中一个选项时，我的代码是 <a href="#p2"></a> , 正常转到另一个页面，(注意:只有一个选项必须在另一个页面加载图库中的图像)

之后: 现在，我将这份文件一分为二。一个文档html只为起始页(菜单)，其余几个data-role="pages"在另一个文档中。

我是如何完成调用的:

我使用了一个带有新功能的弹出窗口，在使用其中一个之后，我使用了这段代码:

<a href="../thisdocument.html" target="_parent"></a>

魔术就完成了。没有额外的代码等.... 仅从另一个子文件夹加载包含图库 slider 的文档 html。