关闭

jqm 单页面跳转

339人阅读 评论(0) 收藏 举报
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@include file="/pages/commonlink.jsp"%>
	<div data-role="page">
		<!--
		<header class="head">
			<div class="back">
				<img class="back" src="${pageContext.request.contextPath}/image/back.png" alt="" />
			</div>
			<div class="title">
				<p class="sceneIntro">${allTourRoute[0].SIF_NAME}景区旅游路线推荐</p>
			</div>
		
		-->

		<div data-role="content" class="list">
		<c:foreach items="${trvLineList}" var="trvLineList" varstatus="status">
			<a target=_blank href="#route${status.index+1}" data-transition="slide">

				</a><div class="spotlist" id="">
					<div class="left">
						<div class="recommend"><img class="routeIcon" src="${pageContext.request.contextPath}/image/route.png" alt="" /><span class="recommend">推荐</span></div>
						<div class="route">路
线
${status.index+1}</div>
					</div>
					<div class="right">
						<div class="tourRoute">${trvLineList.trlName }</div>
						<div class="tourIntro">${trvLineList.trlText }</div>
						<div class="seasonAndDays">
							<div class="tourSeason">最佳季节:  ${trvLineList.trlSeason }</div>
						</div>

						<div class="tourDays">游玩时间:  ${trvLineList.trlDays }</div>
						<div class="tourRemark">注: ${trvLineList.trlRemark }</div>
					</div>
				</div>
			
		</c:foreach>
		</div>
	</div>
	<c:foreach items="${trvLineList}" var="trvLineList" varstatus="status">
		<div data-role="page" id="route${status.index+1}">
			
			<header class="head">
				<div class="back">
					<img class="back" src="${pageContext.request.contextPath}/image/back.png" alt="" />
				</div>
				<div class="title">
					<!--<p class="sceneIntro">${allTourRoute[0].SIF_NAME}景区旅游路线-->
					<p class="sceneIntro">${trvLineList.trlName }</p>
				</div>
			</header>
			
			<div data-role="content">
				<!--<div class="routeTitle">${status.index+1}</div>-->
				<c:foreach items="${allTourRoute}" var="allTourRoute" varstatus="status">
				<c:if test="${trvLineList.trlUuid==allTourRoute.TRL_UUID }">
				<div class="routelist" id="">
					<div class="routeTitle">第${status.index+1}站</div>
					<div class="sceneDays">游玩时间:${allTourRoute.TLD_DAYS }</div>
					<div class="sceneName">${allTourRoute.TLD_NAME }</div>
					<div class="sceneIntro">${allTourRoute.TLD_TEXT }</div>
					<c:if test="${not empty allTourRoute.TLD_REMARK }">
						<div class="sceneRemark">注:${allTourRoute.TLD_REMARK }</div>
					</c:if>
				</div>
				</c:if>
				</c:foreach>
			</div>
		
	</c:foreach>





-->-->
0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

jquerymobile页面跳转和参数传递

转自:http://blog.csdn.net/chen052210123/article/details/7481578 页面跳转: 页面跳转时pagebeforechange事...
  • gf771115
  • gf771115
  • 2014-01-20 00:02
  • 5335

jQuery Mobile页面跳转切换的几种方式

jQuery Mobile在移动开发中越来越受到欢迎。而他的各个版本也在持续不断的更新中。同样的我也很喜欢它,它加快了我们开发HTML5的速度。 同时又具备jQuery一样的操作方法。学起来也是相当的...
  • xmt1139057136
  • xmt1139057136
  • 2014-06-12 19:08
  • 8614

HTML5移动开发之路 jQueryMobile页面间参数传递

在单页模版中使用基于HTTP的方式通过POST和GET请求传递参数,而在多页模版中不需要与服务器进行通信,通常在多页模版中有以下三种方法来实现页面间的参数传递。 1、GET方式:在前一个页面生成...
  • albert528108
  • albert528108
  • 2014-07-04 16:19
  • 13006

链接、页面跳转、隐藏、表单提交

  • 2015-05-06 10:33
  • 2KB
  • 下载

angular-单页面跳转/路由参数传递ngRoute

angular在一个页面实现局部跳转 路由功能是由 routeProvider服务 和 ng-view 搭配实现,ng-view相当于提供了页面模板的挂载点,当切换URL进行跳转时,不同的页面模板会放...
  • guohao326
  • guohao326
  • 2017-05-02 19:55
  • 965

angularjs_路由单页面跳转

路由 首页 女装 男装 ...
  • kybkq1314
  • kybkq1314
  • 2017-11-15 09:12
  • 115

JSP中页面跳转后获取表单信息的方法述用到(hidden)(session)

假设现在有三个页面分别是test1.jsp,test2.jsp,test3.jsp 在test1.jsp页面中填写名字username信息 在test2.jsp页面中填写兴趣爱好amuse信息 ...
  • bansheeing
  • bansheeing
  • 2014-03-11 12:42
  • 1132

jsp实现分页和页面跳转功能的源码与数据库

  • 2017-11-13 09:18
  • 4.90MB
  • 下载

List View二级页面跳转

  • 2017-12-11 16:06
  • 15.80MB
  • 下载

android页面跳转

  • 2017-09-20 13:10
  • 15KB
  • 下载
    个人资料
    • 访问:1901次
    • 积分:86
    • 等级:
    • 排名:千里之外
    • 原创:6篇
    • 转载:0篇
    • 译文:1篇
    • 评论:0条
    文章分类