[jQuery] Ajax callback hits problem on IE6/7 when the load up page is JSP/JSF
hi all, (i posted my msg but i don't see it on the message board.. now
retry)
i am using the following two libraries:
<script src="js/jquery/jquery-1.2.1.js" type="text/javascript"></
script>
<script src="js/jquery/jquery.ui-1.0/ui.tabs.js" type="text/
javascript"></script>
what i am trying to do is to load up the tab content when the user
clicks the tab. so i think ajax page load up comes handy here. so i
used :
<script>
$(document).ready(function(){
$('#example ul').tabs({ fxSlide: true, fxFade: true, fxSpeed:
'normal', cache: false });
});
</script>
and
<body>
<div id="example" class="flora">
<ul>
<li><a href="cheap.html"><span>one</span></a></li>
<li><a href="bad.html"><span>two</span></a></li>
<li><a href="hello.faces"><span>three</span></a></li>
</ul>
</div>
</body>
everything is running and dancing in firefox. but in IE6/7, i can load
up the first two tabs without any problem, though for tab three, it
doesn't load up. here is the code for hello.jsp.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%-- jsf:pagecode language="java" location="/src/pagecode/Hello.java"
--%><%-- /jsf:pagecode --%>
<%@page language="java" contentType="text/html; charset=UTF8"
pageEncoding="UTF8"%>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<html>
<head>
<title>hello</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF8">
</head>
<f:view>
<body>
<h:form styleClass="form" id="form1">
<h:inputText styleClass="inputText" id="text1"></h:inputText>
<h:selectBooleanCheckbox styleClass="selectBooleanCheckbox"
id="checkbox1"></h:selectBooleanCheckbox>
</h:form>
</body>
</f:view>
</html>
what have i done wrong? please help.. thanks a lot..
cheers,
wei