2

我正在为 android 开发 jquery mobile/phonegap 中的应用程序。问题是屏幕底部的空白。屏幕截图会更好地帮助它。我在互联网上搜索过，但找不到合适的答案。

截图：http: //img248.imageshack.us/img248/5922/jquerymobile.png

代码：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>Slider Stop</title> 
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script type="text/javascript" charset="utf-8" src="js/cordova-1.8.0.js"></script>
        <link rel="stylesheet" href="js/jquery.mobile-1.2.0.min.css" />
        <script type="text/javascript" src="js/jquery-1.81.js"></script>
        <script type="text/javascript" src="js/jquery.mobile-1.2.0.min.js"></script>

    </head> 
    <body>


        <div data-role="page" id="home">
        <div data-role="header">
            <h1>App</h1>
        </div>
            <div data-role="content">
                <p>
                <ul data-role="listview" data-inset="true" data-theme="c">
                    <li id="listitem">Swipe Right to view Page 1</li>
                </ul>
                </p>
            </div>
                 <div data-role="footer">
        <h4>Footer content</h4>
    </div>
        </div>

    </body>
</html>
4

2 回答 2

2

尝试将“页脚” div 向下发送：

<div data-role="footer" data-position="fixed">
于 2013-01-04T19:53:08.540 回答
0

我遇到了同样的问题，但是由于我正在适应的网络应用程序非常动态并且没有“页脚”div，因此我无法使用 cleondz 提供的解决方案。

我发现在我的情况下，我必须使用一种解决方法，如果滚动不是真的需要，就禁用滚动。

我用这个链接来实现它。

function isDraggablePage(e)
{
    if($(‘.ui-page-active’).attr(‘draggable’)==”true”)
    {
        return true;
    }
    return false;
}


function setDraggableProperty(e)
{
    if (!isDraggablePage(e))
    {
        e.preventDefault();
    }
}

window.addEventListener(‘touchmove’, setDraggableProperty(e), true);

几年前我就不再使用 Javascript——我现在是一名 Android 开发人员——所以我不确定代码是否正常，但它可以工作。

于 2013-05-13T20:10:08.720 回答