使用 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 上的页面。谁能给我指个方向或让我知道怎么做,好吗?
提前致谢。