使用jqueryMobile怎么分页

发布时间:2025-05-22 21:02:06 发布人:远客网络

使用jqueryMobile怎么分页

一、使用jqueryMobile怎么分页

1、jquery-mobile-iscrollview下载

解压后的\jquery-mobile-iscrollview-master\jquery-mobile-iscrollview-master\demo\source路径下是需要引用的js和css文件

\jquery-mobile-iscrollview-master\jquery-mobile-iscrollview-master\demo\build路径下是各个jquery mobile版本下的列表和滚动翻页的例子

在该路径下，我选择了pull_14.html文件，用chrome打开后，发现下面的导航栏变形，将

页面中引用的pull-example.js文件是上拉、下拉事件的处理，只需要将gotPullDownData和gotPullUpData函数修改一下即可实现自己需要加载的数据

2、直接测试该功能没有什么问题，当把该翻页的页面链接到其他页面上时，通过链接打开该页面，下面的导航栏又出现了问题

后来发现，这是问题可能是由于jqm的外部页面链接引起的错。jqm在使用外部链接打开另一个页面时，会使用ajax读取需要打开的文件，然后将该文件动态加载到已经打开的页面的后面，jqm只加载文档中取出的第一个页面（第一个带有role="page"的div），其他内容都将被忽略。

后来，将列表页面(b.html)所有加载的css和js的标签放到链接该页面的页面(a.html)的<head>标签中。

content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>

rel="stylesheet" type="text/css"/>

media="screen" rel="stylesheet" type="text/css"/>

$(document).bind("mobileinit", function(){

$.mobile.allowCrossDomainPages= true;

type="text/javascript"></script>

type="text/javascript"></script>

当链接打开该页面后，列表页面稳定了

3、jquery-mobile-iscrollview中引用的jqm框架的版本没有项目中的高，试着将jqm的版本替换为项目中使用的版本后，该功能依旧没有出现问题

二、webview获取网页点击事件

最近遇到关于获取webview加载网页上的点击事件，三种解决方式～～～

一、跟后台协商好，点击该按钮加载特定url，通过webview的代理方法-(BOOL)webView:(UIWebView)webView shouldStartLoadWithRequest:(NSURLRequest)request navigationType:(UIWebViewNavigationType)navigationType判断加载的url是否是协商好的url；

ps:记得要return NO，否则会加载url

二、通过获取所点击按钮的图片来判断是否点击特定位置

1、给webview的scrollview添加手势

2、实现UIGestureRecognizerDelegate代理方法

document.elementFromPoint是获取点击坐标的元素

三、通过注入一段JS（需跟web前端协商），返回一段json数据

1、在webview加载完后注入js（具体根据需求定义）

三、android webview 高度如何计算的

1.通过webview的didFinishLoad:方法，这个时候webview已经加载完成，可以获得真实高度。

2.通过js来获取实际页面的高度，获取的时机也通过js来监听。

3.通过检测webView.scrollView.contentSize，只要这个值发生改变，你马上就能够被通知。注册观察者的代码类似这样：

[webView.scrollView addObserver:self forKeyPath:@"contentSize" options:NSKeyValueObservingOptionNew

然后在观察者中实现-(void)observeValueForKeyPath:(NSString*)keyPath ofObject:(id)object change:(NSDictionary*)change context:(void*)context，你就随时可以监测到webView的高度变化了