我正在使用 jQuery Mobile 和 Spring MVC 开发一个包含多页模板的移动应用程序。我有一个包含锚链接的jsp;每当我单击链接Pagebeforechange
事件时,都会调用一个 jQuery 函数。我从函数内的链接中获得了一个 id,并将其存储在一个 jQuery 变量中。现在我想重用 jstlif
标记中的 jQuery 变量的值,该标记在核心标记库中可用。我如何使用该值?这是我的jsp:
<div data-role="page" data-theme="m" id="menu">
<c:import url="/headerPage.jsp"></c:import>
<div data-role="content">
<ul data-role="listview" data-theme="h" data-inset="true">
<c:forEach items="${items}" var="item">
<li>**<a href="#submenu1?id=${item.id}">**${item.name}</a></li>
</c:forEach>
</ul>
</div>
<c:import url="footerPage.jsp"></c:import>
</div>
<div data-role="page" data-theme="m" id="submenu">
<c:import url="/headerPage.jsp"></c:import>
<div data-role="content">
<c:set var="**testID**" scope="session" value="<div id='**result**'></div>"></c:set> // here testID value printed 1st time but if I print value in 2nd time gives nothing
<ul data-role="listview" data-theme="h" data-inset="true">
<c:forEach items="${items}" var="item">
<c:if test="${menu.key eq **testID**}"> // here testID is not working
<li><a href="#submenu2">${item.name}</a></li>
</c:if>
</c:forEach>
</ul>
</div>
<c:import url="footerPage.jsp"></c:import>
</div>
<script type="text/javascript">
$(document).bind("pagebeforechange",function(e, data) {
if (typeof data.toPage === "string") {
var u = $.mobile.path.parseUrl(data.toPage), re2 = /^#submenu1/;
var categoryName = u.hash.replace( /.*id=/, "" ); // how to store categoryName in session and use it later in <c:if> tag in jsp.
var pageSelector = u.hash.replace( /\?.*$/, "" );
jQuery('#**result**').text(categoryName);
$.mobile.changePage( $page, options );
}
}
</script>