asked on

jQuery tabs not working in IE

I have a page using the jQuery UI tabs ajax method. Content form all tabs display perfectly in FF. The tabs display in IE but the content will not load when the tab is clicked.

in the head
<script>
	$(function() {
			
		$( "#tabs" ).tabs(<%if request("showpaycheck") = 1 then response.Write("{ selected: 1}")%>);
			
	});

</script>

The tabs:

<div style="width:inherit" id="tabs">
<ul>
<li><a href="grid_general.asp?editid=<%=request("editid")%>"><span>General</span></a></li>
<li><a href="grid_contact.asp?editid=<%=request("editid")%>"><span>Contact</span></a></li>
<li><a href="grid_moduleaccess.asp?editid=<%=request("editid")%>"><span>Access</span></a></li>
</ul>
</div>

griffaw

ASKER

PS: jquery files

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

ASKER CERTIFIED SOLUTION

BurnieP

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

griffaw

ASKER

BurnieP:

I tried your edit...same problem. Still no content in tabs.

PS: these are the real tabs.

Thanks

BurnieP

Hi,

Just another ckeckup, you have javascript enabled on your IE browser?

griffaw

ASKER

BurnieP:

Yes.

PS: Non-ajax tabs work perfectly in IE. Only the ajax method fails.

griffaw

ASKER

Any thoughts?

Thanks

SOLUTION

Sudaraka Wijesinghe

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

griffaw

ASKER

I'm officially embarrased....there was a single orphan </div> tag in the body on the pages being called by the ajax tabs.

i "ass"umed that since FF displayed ok and IE did not that the issue was browser related...never checked the html. Oh well, lesson learned. I'll split the points among everyone that responded.

I curious though, how could FF handle it and IE choked?

BurnieP

I'm glad you found it.

I'm surprised that FF is more forgiving on small mistakes like that. I generally assume that IE is normally more forgiving and FF is really by the book of html.

griffaw

ASKER

Score one for Redmond :)

griffaw

ASKER

Interesting that both FF and IE forgave the orphan with html tabs. Only IE failed with the ajax method.