jQuery Tabs Not Working in ASP
I'm having a problem getting jQuery tabs to work. I'm using a master file along with an aspx that includes a placeholder.
Relevant Parts of Master File:
-
<html>
<head id="Head1" runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- Use for local server -->
<link href="css/Default.css" rel="stylesheet" type="text/css"/>
<link href="css/jquery.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.custom.min.js"></script>
<script type="text/javascript">
$(function(){
// Tabs
$('#traveltabs').tabs();
});
</script>
</head>
.
.
.
<asp:ContentPlaceHolder ID="contentplaceholder2" runat="server">
</asp:ContentPlaceHolder>
On the .aspx file:
-
<asp:Content ID="Content2" ContentPlaceHolderID="contentplaceholder2" Runat="Server">
<div id="traveltabs">
<ul>
<li><a href="#tabs1">Home</a></li>
<li><a href="#tabs2">Menu</a></li>
</ul>
<br />
<div id="tabs1">
test
</div>
<div id="tabs2">
test2
</div>
</div>
</asp:Content>
This is appearing as this and not tabbed:
Any help is appreciated!