关于jquery mobile链接页面手机端要刷新的问题

问题描述:使用安卓开发app,首页使用了webview,直接进入web项目首页,首页上有个轮播图效果,内容有些链接,比如新闻,点击链接进入新闻页,新闻页也有个几乎一样的轮播图(图片不一样),现在,a标签中使用data-ajax='false',在web端打开链接正常;但在移动app手机端则提示要使用浏览器打开新链接,这肯定不行。但是如果不用data-ajax='false',web端和手机端的新闻页打开轮播图则不显示,要刷新一下才显示。
根据网上搜到的知识,新闻页所需的js,在首页上均已引用,而且也写在<div data-role="page"></div> 内部,但是这些设置好像都没有起到效果。
app_index.html:
<!DOCTYPE html>
<html class="ui-mobile">
<head>
<title>常州中院手机App</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="target-densitydpi=device-dpi,width=device-width,initial-scale=1.0,minimum-scale=0.1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" href="./css/jquery.mobile-1.3.2.min.css">
<link href="css/layout.css" type="text/css" rel="stylesheet" />
<script src="./js/jquery-1.9.1.min.js"></script>
<script src="./js/jquery.mobile-1.3.2.min.js"></script>
<script src='js/hhSwipe.js'></script>
</head>
<body class="ui-mobile-viewport ui-overlay-c">
<!-- Home -->

<div data-role="page" id="page1" tabindex="0" class="ui-page ui-body-c ui-page-footer-fixed ui-page-active" style="padding-bottom: 80px; min-height: 555px;">
<div data-role="header" data-theme="b" >
<h1><font color="white">标题</font></h1>

<a href="javascript:location.reload();" data-role="button" data-icon="refresh" data-inline="true">刷新</a>
</div>

<div data-role="content" style="padding:0px;">
新闻页show_news_index.tpl的相关代码跟首页代码差不多(主要有问题的就是轮播图)
最新回答
深拥意中人

2024-10-17 09:04:23

是所有的a标签,移动app手机端点击都会有这种提示,要使用浏览器打开新链接?可否写一个js方法的方式跳转,而不是直接使用a标签?
追问
用js的方法跳转,跟a标签是一样。
这个问题我已经解决,解决方式为:在安卓开发代码中新增代码禁止新窗口打开。
你心中的钉子户

2024-10-17 11:18:59

不用jsfidller这等问题,谁有耐心调试?