Response title
This is preview!
rotate tabs with jQuery-UI 1.10
in Using jQuery UI
•
3 months ago
According to the jQuery UI 1.9 Upgrade Guide the "rotate" method was removed from Tabs (here). There is a link to an extension to add back the "rotate" method. But it does not work properly. The change takes effect at the first time.
Are there other alternatives? Or does someone see the error on the fly?
Thank you in advance
Example Code:
Are there other alternatives? Or does someone see the error on the fly?
Thank you in advance
Example Code:
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>Unbenanntes Dokument</title>
- <link type="text/css" href="css/jquery-ui-1.10.0.custom.css" rel="stylesheet">
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
- <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>
- <script src="jQuery/jquery-ui-tabs-rotate.js"></script>
- <script>
- $(function() {
- $( "#tabs" ).tabs().tabs("rotate", 4000, true);
- });
- </script>
- </head>
- <body>
- <div id="tabs">
- <ul>
- <li><a href="#content_1" >Topics</a></li>
- <li><a href="#content_2" >Archives</a></li>
- <li><a href="#content_3" >Pages</a></li>
- </ul>
- <div id="content_1">scklvnxc jklvyxdfklf sdklfgkl</div>
- <div id="content_2">lsdfgkl sjkh gjlashjagh ja</div>
- <div id="content_3">lasfj sd hfjkahfah ajlsjlahfaj</div>
- </div>
- </body>
- </html>
1
