[jQuery] bullet points not working inside jquery tabs - can someone help me?
Hi,
I'm working on IE7. I've create two bullet point items (fred and john)
inside a jquery tab but neither are appearing as bullet points. What
am I doing wrong? Thanks in advance:
Here is my code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Odyssey Application</title>
<LINK REL="stylesheet" HREF="../css/theDiv2.css">
<STYLE type="text/css">
#inline-list ul, #inline-list li {
display:list-item;
margin: 0;
padding: 0;
color: #339;
font-weight: normal;
font-family:times new roman;
list-style-type: disc;
list-style-position: inside;
}
ul.ggg {
display:list-item;
color: red;
font-weight: normal;
font-family:times new roman;
list-style-type: disc;
list-style-position: inside;
}
</STYLE>
<LINK REL="stylesheet" HREF="../css/jquery-ui-1.7.2.custom.css">
<SCRIPT SRC="../javaScript/jquery-1.3.2.js" LANGUAGE="JavaScript"></
SCRIPT>
<SCRIPT SRC="../javaScript/stuff/ui.core.js"></script>
<SCRIPT SRC="../javaScript/stuff/ui.tabs.js"></script>
<SCRIPT SRC="../javaScript/jquery.form.js" LANGUAGE="JavaScript"></
SCRIPT>
<SCRIPT TYPE="text/javascript">
$(document).ready(function()
{
});
function addStudy()
{
var numberOfTabs = $('li', '#tabs').size();
$("#tabs").tabs("add","#study"+(parseInt(numberOfTabs,10)+1)+"-
DivId","Study "+ (parseInt(numberOfTabs,10)+1) );
$("#study"+ (parseInt(numberOfTabs,10)+1) +"-DivId").addClass
("scroller");
$("#tabs").tabs('select', numberOfTabs );
getStudyData();
}
function removeStudy()
{
var numberOfTabs = $('li', '#tabs').size();
if (numberOfTabs > 1)
{
$("#tabs").tabs("remove", numberOfTabs -1 );
}
else
{
$("#dialog").dialog( 'open' );
}
}
</SCRIPT>
</head>
<body onLoad="$('#tabs').tabs()">
<h1>0 Administrative Profile</h1>
<div id="tabs">
<ul>
<li><a href="#study1-DivId"><span>Study 1</span></a></li>
</ul>
<div id="study1-DivId" class="scroller">
<div id=inline-list>
<ul>
<li>fred</li>
<li>john</li>
</ul>
</div>
</div>
</div>
</body>
</html>