我正在使用 PhoneGap 和 jQuery mobile 构建一个原生应用程序。除了页眉、导航和页脚之外,大多数应用程序都位于 web 视图中。我在 webview 中有一个文章链接列表以及一个分页链接。当用户单击文章链接时,新页面会加载到现有的 webview 中,这正是我想要的,但是分页链接给了我一个 jquery 移动加载错误。
基本上我想做的是将分页 url 附加到当前 webview URL 的末尾,例如:
- 当前的 webview URL 是:m.example.com/?mode=Native;
- 用户点击分页链接(href="2/"),webview 更新为:m.example.com/2/?mode=Native
javascript看起来像这样:
// loads first page into webview
var mobPage = 'http://m.example.com/?mode=Native';
$('#content').load(mobPage, function() {
$('#content').fadeIn(500);
});
// to load additional pages into webview
$('#articles a, #paginate a').live('click', function(){
event.preventDefault();
var nextPage = $(this).attr('href');
var mobPage = nextPage+"?mode=Native";
$('#content').load(mobPage);
});
这样做的正确方法是什么?