2010-09-04 3 views
0

Dans le code suivant, tous les onglets affichent initialement le texte approprié (Accueil, Rapports, Configuration, Documentation, Support). Lorsque vous cliquez sur l'un des onglets ajax (Accueil, Documentation, Support), le texte de l'onglet devient "Chargement ...". Cependant, les 2 onglets non ajax (Rapports et Configuration) conservent leur texte. Comment puis-je éviter d'aller à "Chargement ..." Pourquoi cela changerait-il?Les onglets jquery ajax sont remplacés par "Chargement ..." après avoir cliqué dessus

<html> 
<head> 
    <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"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
    <script> 
    $(document).ready(function() { 
    $("#tabs").tabs(); 
    }); 
    </script> 
</head> 
<script> 
$(document).ready(function() { 
     $("#tabs").tabs({ ajaxOptions: {cache: false}}); 
    } 
</script> 
    <html> 
    <div id="tabs"> 
    <div id="menu"> 
     <ul> 
     <li><a href="home.php" title=Home><span>Home</span></a></li> 
     <li><a href="#report_tabs" title=Reports><span>Reports</span></a></li> 
     <li><a href="#setup_tabs" title=Setup><span>Setup</span></a></li> 
      <li><a href="documentation.php" title=Documentation><span>Documentation</span></a></li> 
      <li><a href="support.php" title=Support><span>Support</span></a></li> 
     </ul> 
    </div> 
    </div> 
    </html> 
+0

Je ne peux pas dire ce que vous essayez de faire. Voulez-vous que les onglets non-ajax lisent "Chargement ..." en cliquant ou voulez-vous que les onglets ajax ne lisent pas "Chargement ..." sur le clic? –

+0

@SimpleCoder nick cloué. Le chargement ... texte juste resté là. Cela ne reviendrait pas à la normale. – rook

+0

Ah ok, ça a du sens –

Répondre

2

Vous pouvez régler le spinner option-false, ou une chaîne vide, comme ceci:

$("#tabs").tabs({ 
    ajaxOptions: {cache: false}, 
    spinner: false 
}); 

Vous pouvez voir le chèque if(o.spinner) ici, l'une de ces échouera cette vérification, en évitant le remplacement (tout comme d'autres types de données, mais false est l'intention la plus claire IMO).

Questions connexes