Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/asp.net-core/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery mobile 如何在使用iscroll时在jquery mobile中向下滚动页面?_Jquery Mobile - Fatal编程技术网

Jquery mobile 如何在使用iscroll时在jquery mobile中向下滚动页面?

Jquery mobile 如何在使用iscroll时在jquery mobile中向下滚动页面?,jquery-mobile,Jquery Mobile,使用iscroll实现listview的刷新功能。它将在jquery mobile的其他页面上禁用页面滚动 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-sc

使用iscroll实现listview的刷新功能。它将在jquery mobile的其他页面上禁用页面滚动

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>
标题
item.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 %}
{%extends“base mobile.html”%}
{%block content%}
项目
标题
类别:类别
位置

描述

{%endblock%}
只需构建一个比iphone屏幕大的页面。我无法在模拟器或iPhone上向下滚动到页面。有人能给我指个方向或者告诉我怎么做吗


提前谢谢。

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

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

这个链接对我来说是一个很好的参考:

是的,我正在使用meta标签。顺便说一句,它是动态渲染的。也许这就是问题所在。不,我没有动态注入内容。我创建了另一个html页面来呈现它。k,我解决了这个问题。我使用了另一个链接来呈现新页面。转换到另一个页面可能会禁用该页面的向下滚动,因为如果直接从iOS模拟器呈现该页面,效果会很好。如何动态附加它?发布您的代码。我使用python。使用jinja2模板从基础扩展。
$('pageSelector').page();