I'm trying to pop it open using prettyPopin. The page renders fine on
its own, but will not display as tabs when it is called in a
prettyPopin window. Has anyone seen this before?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link type="text/css" rel="stylesheet" href="styles/jquery-
ui-1.7.2.custom.css" />
<script src="scripts/jquery-1.3.2.min.js"></script>
<script src="scripts/jquery-ui-1.7.2.custom.min.js"></script>
<script>
$(document).ready(function() {
$("#example").tabs();
});
</script>
</head>
<body>
<div id="example">
<ul>
<li><a href="#first-tab"><span>Content 1</span></a></li>
<li><a href="#second-tab"><span>Content 2</span></a></li>
<li><a href="#third-tab"><span>Content 3</span></a></li>
</ul>
<div id="first-tab">
This is the first tab.
</div>
<div id="second-tab">
This is the second tab.
</div>
<div id="third-tab">
This is the third tab.
</div>
</div>
</body>
</html>
No comments:
Post a Comment