say_whatever1
New Member
So I am having trouble with the tabs UI from Jquery UI. I look aroud kind of a lot of forum but did not find why my tabs do not appear.My css looks good, and the link towads the jquery ui scripts are working.Here is my code :\[code\]<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8" /> <title>Home Page - My ASP.NET MVC Application</title> <link href="http://stackoverflow.com/favicon.ico" rel="shortcut icon" type="image/x-icon" /> <link type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/themes/redmond/jquery-ui.css" rel="stylesheet" /> </head> <body class="body"><script type="text/javascript"> $(function () { $("#tabs").tabs(); }); </script><div id="tabs"> <ul> <li><a href="http://stackoverflow.com/questions/12590103/#tabs-1">Ce soir</a></li> <li><a href="http://stackoverflow.com/questions/12590103/#tabs-2">France 1</a></li> <li><a href="http://stackoverflow.com/questions/12590103/#tabs-3">France 0</a></li> <li><a href="http://stackoverflow.com/questions/12590103/#tabs-4">France 4</a></li> <li><a href="http://stackoverflow.com/questions/12590103/#tabs-5">France 3</a></li> <li><a href="http://stackoverflow.com/questions/12590103/#tabs-6">France 2</a></li> <li><a href="http://stackoverflow.com/questions/12590103/#tabs-7">TF1</a></li> </ul> <div id="tabs-1">page 0</div> <div id="tabs-2">page 1</div> <div id="tabs-3">page 2</div> <div id="tabs-4">page 3</div> <div id="tabs-5">page 4</div> <div id="tabs-6">page 5</div> <div id="tabs-7">page 6</div></div> <footer> </footer> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script> </body></html>\[/code\]Any idea of waht is wrong ?Thanks a lot.Guillaume