Question

我正在测试一个非常简单的页面，该页面可以清除phonegap应用中的内容。我开始使用jquery mobile swipeleft和swiperight，它没有用。所以我切换到dojo SwapView，再次，没有运气。我删除了所有内容，当我只有文本时，它工作得很好（对于jquery和dojo）。一旦我添加任何图像，两个框架都无法识别滑动并且不会切换内容。所以我认为这是phonegap / cordova和图像的缺点。

我想也许这与我的css和div的定位有关，图像包含在其中。所以我删除了所有的CSS再次，刷卡无法识别，没有交换任何内容。

我在网上搜索过，没有看到有人抱怨这个问题。其他人在添加图片时遇到此问题？

jquery的例子：

<div data-role="page" id="page1">
    <div data-role="content"> 
    <p class="story">page1 content</p>
    <div id="imagediv">
        <img src="img/myimage.png" width="70%"/>
    </div>
    </div>
    </div>
    <div data-role="page" id="page2">
        <div data-role="content">
            <p class="story">content here
            </p>
        </div>
    </div>

jquery swipe logic：

$(document).delegate('.ui-page', "swipeleft", function(){
    var $nextPage = $(this).next('[data-role="page"]');
    if ($nextPage.length > 0) {
        $.mobile.changePage($nextPage, { transition: "slide" });
    }
}).delegate('.ui-page', "swiperight", function(){
    var $prevPage = $(this).prev('[data-role="page"]');
    if ($prevPage .length > 0) {
        $.mobile.changePage($prevPage, { transition: "slide", reverse : true });
    }
});

再次，在我添加图片之前工作得很好。也适用于浏览器（Chrome和Firefox）。顺便说一句，我正在测试android。

Answer 1

我想我发现了问题......图像文件太大，因此重新绘制每个页面需要很长时间。通过减小图像大小，一切都按预期工作。这很烦人，因为我想制作一个带有动画的交互式应用，但动画gif文件太大，无法运行jquery。我想知道这是否是对phonegap应用程序的已知限制。

Phonegap（Cordova）刷卡框架和图像

1 个答案: