Buona sera a tutti,
ho un problema con le tab di jquery e ie
Praticamente il codice base qui sotto funziona perfettamente con firefox ma con ie non ne vuole proprio sapere.
Qualcuno saprebbe darmi qualche indicazione... non so proprio dove andare a sbattere la testa.
codice:<!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>Documento senza titolo</title> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="application/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="application/javascript"></script> <script type="application/javascript"> $(document).ready(function(){ $("#tabs-rotate").tabs({ fx: { /*opacity: 'toggle'*/ } });//.tabs('rotate', 10000) $('#tabs-rotate').hover(function(){ $(this).tabs('rotate', 0, false); },function(){ $(this).tabs({ fx: { /*opacity: 'toggle'*/ } });//.tabs('rotate', 10000) } ); }); </script> </head> <body> <div id="tabs-rotate"> <ul>[*]<span class="etichetta">tab 1</span>[*]<span class="etichetta">tab 2</span>[*]<span class="etichetta">tab 3</span>[/list] <div id="tab1"> <h2>Lorem ipsum dolor sit amet</h2> consectetuer adipiscing elit</p> </div> <div id="tab2"><h2>Lorem ipsum dolor sit amet</h2> consectetuer adipiscing elit</p> </div> <div id="tab3"><h2>Lorem ipsum dolor sit amet</h2> consectetuer adipiscing elit</p> </div> </div> </body> </html>
Rispondi quotando
