JQuery tabs dont work in Firefox
Hello guys. I have JQuery tabs from this example(
http://docs.jquery.com/Tabs
) on my page. I have those green once. They work perfect in IE7 but in firefox all i see are the ul><li> links.
Here is the small javasctipt code i use for tabs:
-
<script src="js\jquery-latest.js"></script>
<link rel="stylesheet" href="js\css\flora.all.css" type="text/css" media="screen" title="Flora (Default)">
<script type="text/javascript" src="js/ui.core.js"></script>
<script type="text/javascript" src="js/ui.tabs.js"></script>
<script>
$(document).ready(function(){
var $tabs = $('#example > ul').tabs();
});
</script>
And here is the html code
-
<div id="example" class="flora">
<br />
<ul>
<li><a href="default2.aspx"><span>Bolig Info</span></a></li>
<li><a href="agent.aspx"><span>Megler</span></a></li>
<li><a href="gridTest.aspx"><span>Bilder</span></a></li>
<li><a href="Bid.aspx"><span>Bud</span></a></li>
<li><a href="ads.aspx"><span>Annonser</span></a></li>
<li><a href="documents.aspx"><span>Dokumenter</span></a></li>
</ul>
</div>
The code is very simple but it doesnt want to work in firefox. I should also mention that javascript is placed in masterpage and html code is placed in contentplaceholder in another page which uses masterpage.
Any tips you can give me?
Thanks in advance.