0

使用 iscroll 刷新列表视图的功能。它将禁用 jquery mobile 其他页面上的页面滚动。

<script type="text/javascript" src="/js/iscroll.js"></script>

base-mobile.html

<title>Title</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="description" content="xxx">
        <meta name="keywords" content="yyyy">
        <link rel="stylesheet" type="text/css" href="/css/jquery.mobile-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="/css/mobile.css" />
        <script src="/js/jquery-1.9.0.min.js"></script>
        <script src="/js/jquery.mobile-1.3.1.min.js"></script>
        <script type="text/javascript" src="/bootstrap/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="/js/iscroll.js"></script>

项目.html

{% extends "base-mobile.html" %}

{% block content %}
<div id="item" data-role="page">
    <div data-role="header">
        <h1 class="ui-title" role="heading" aria-level="1">Item</h1>
        <a href="#all-items" data-inline="true" class="ui-btn-left" data-icon="arrow-l">Back</a>
    </div>
    <div data-role="content" class="ui-content" role="main">

        <h2>title</h2>

        <div id="category">
            <label>Category: category </label> 

        </div>

        <p>location</p>


        <p>description</p>
        <div id="map_canvas">
        <img src="http://maps.googleapis.com/maps/api/staticmap?center=location&zoom=16&size=300x200&markers=xxx,xxx&sensor=false" ></div>
    </div>
    <div data-role="footer" data-position="fixed"> 

    </div>
    </div>
</div>
{% endblock %}

只需构建一个大于 iphone 屏幕尺寸的页面。我无法向下滚动到模拟器或 iPhone 上的页面。谁能给我指个方向或让我知道怎么做,好吗?

提前致谢。

4

1 回答 1

2

我假设你有 HTML、BODY 和 HEAD 标签。您是否使用“视口”设置?在我使用的 HEAD 中:

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">

我可以在我的 iPhone 上横向滚动您在上面发布的页面。在纵向位置,页面不需要滚动。你能详细说明一下吗?

动态注入内容后,您是否使用 .page() 和/或 .changePage()?

$('pageSelector').page();

这个链接对我来说是一个很好的参考:http: //jquerymobile.com/demos/1.2.0/docs/pages/page-dynamic.html

于 2013-04-28T17:55:42.013 回答