Не удалось вызвать cssClass через jquery при работе с Spring mvc tab и плитками apache
Я использую Spring mvc 3 с Apache тайлами 3. Я реализовал концепцию "вложенных вкладок" с Apache тайлами.
Все работает нормально, за исключением того, что текущая активная вкладка не выделяется.
Я хочу выделить текущую активную вкладку, используя CSS и JQuery при нажатии на вкладку.
Заранее спасибо.
Вот JSP для вложенных вкладок. когда я локально использовал jqueryui.js, вкладки работают нормально и подсвечиваются. Когда я использую Spring MVC, новая страница в браузере открывается всякий раз, когда я нажимаю на вкладку. Но то, что я пытаюсь - всякий раз, когда я нажимаю на вкладку, элемент управления должен переходить к контроллеру и возвращать ту же самую страницу JSP с выделенной вкладкой.
для этого я использовал apache-плитки для разработки вкладок с использованием шаблонов, и я получаю вкладки, а также их соответствующие страницы JSP, но вкладка, на которой я щелкаю, не выделяется
Ниже приведен код для основного template.jsp
template.jsp
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Template 3</title>
</head>
<body>
<tiles:insertAttribute name="header" />
<tiles:insertAttribute name="body" />
</body>
</html>
В его заголовок я загружаю страницу tabs.jsp, в которой есть код для вкладок.
вот tabs.jsp
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>System SetUp Tab</title>
<script src="<c:url value="/resources/js/jquery.js"/> "></script>
<link rel="stylesheet" type="text/css" href="<c:url value="/resources/css/bootstrap1.1.css"/>">
<%-- <link rel="stylesheet" type="text/css" href="<c:url value="/resources/css/jquery-ui.css"/>"> --%>
<style type="text/css">
CSS FOR TABS WHICH IS WORKING FINE
</style>
</head>
<body>
<div class="container-fluid" style="padding-top:5px;padding-left: 4px;">
<div id="mytab" class="ui-tabs ui-widget ui-widget-content ui-corner-all " style="border: none;">
<ul class="tabs ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" style="border-left:none;border-bottom-right-radius: 0px;margin-right: -1px;">
<li class="ui-state-default ui-corner-top"><spring:url value="/aa" var="aa" htmlEscape="true"/>
<a class="ui-tabs-anchor" href="${aa}">A</a></li>
<li class="ui-state-default ui-corner-top"><spring:url value="/bb" var="bb" htmlEscape="true"/>
<a class="ui-tabs-anchor" href="${bb}">b</a></li>
<li class="ui-state-default ui-corner-top"><spring:url value="/cc" var="cc" htmlEscape="true"/>
<a class="ui-tabs-anchor" href="${cc}">c</a></li>
<li class="ui-state-default ui-corner-top "><spring:url value="/dd" var="dd" htmlEscape="true"/>
<a class="ui-tabs-anchor" href="${dd}">d</a></li>
<li class="liname" title="Parameter Setup" style="color: blue;float:right;border:none;background: none;">PS-1.0</li>
</ul>
</div>
</div>
<script type="javascript">
$(document).ready(function(){
('#mytab').tabs();
});
</script>
</body>
</html>
внутри "body" файла template.jsp я загружаю jsp-страницы вкладок на основе нажатой вкладки.