[jQuery] In liferay when using jquery tab it renders the whole page
Hi,
I try to use jquery in liferay portlet through spring web-flow
action. It renders the whole page inside the tab instead of the
particular jsp content. How shall I solve this problem. Please help me
Thanks in advance
The code is
<%@ taglib prefix="portlet" uri="http://java.sun.com/portlet"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sample for tab implementation</title>
<link rel="stylesheet" type="text/css"
href="${pageContext.request.contextPath}/css/ui.tabs.css" />
<script type='text/javascript'>
jQuery(function($){
$(function() { $('#zreportTabs').tabs({selected:0}); });
});
</script>
</head>
<body>
<div id='zreportTabs'>
<ul>
</li><a href="<portlet:renderURL> <portlet:param
name="_flowExecutionKey" value="${flowExecutionKey}" />
<portlet:param name="_eventId" value="downloadReport" />
</portlet:renderURL>"><span>Download Report</span></a></li>
<li><a href=''><span>Publish Reports</span></a></li>
</ul>
</div>
</body>
</html>