jquery ui tabs ne fonctionne pas

J'ai le script suivant qui ne fonctionne pas. il devrait être en utilisant les onglets jquery, mais les liens ne sont pas la conversion à onglets pour une raison:

<!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>
    <title>Untitled Page</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />

    <script type="text/javascript" language="javascript"> 
        $(document).ready(function(){
            $( "#tabs" ).tabs();
        });
    </script>

</head>
<body>

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Nunc tincidunt</a></li>
        <li><a href="#tabs-2">Proin dolor</a></li>
        <li><a href="#tabs-3">Aenean lacinia</a></li>
    </ul>
    <div id="tabs-1">
        <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, </p>
    </div>
    <div id="tabs-2">
        <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus </p>
    </div>
    <div id="tabs-3">
        <p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. </p>
    </div>
</div>
</body>
</html>
u ne comprennent tous les CSS?
Oui, veuillez voir édité question ci-dessus.

OriginalL'auteur oshirowanen | 2011-03-08

  1. 0

    Pour votre document sur jsfiddle, vous devez entrer votre page dans le format de Violon attend. Seulement le code HTML dans le panneau HTML et seul le JS dans le code javascript, panneau. Votre code HTML ne doit inclure que ce qui se passe à l'intérieur de l'élément de corps. Votre JS ne doit inclure que ce qui se passe à l'intérieur de la balise script. Vous ne devriez pas inclure DOCTYPE, le corps, ou d'éléments html. Vous ne devriez pas inclure la balise script lui-même. Voir les documents ici: http://doc.jsfiddle.net/basic/introduction.html#entering-code. Le code ne fonctionnera que si vous faites cela.

    Une fois que vous avez fait, vous avez seulement besoin d'inclure/référence de la bonne CSS qui fait le style et vous verrez s'afficher une interface à onglets. Pour votre document autonome, c'est tout ce qui doit être fait.

    Le code que vous voyez dans la question de départ, c'est le code que j'utilise sur mon serveur personnel et il ne fonctionne pas.
    c'est parce que l'url de la feuille de style CSS est mal. Essayez de ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/... - ou de quelque autre thème. Voir jsfiddle.net/Cv5AY/7 Notez que j'ai ajouté que le fichier CSS comme une ressource, en plus de modifier votre code pour l'adapter Violon de saisie de règles.
    Cela ne répond pas à la question de l'OP.
    il l'a fait avant elle a été éditée. Je soupçonne que le problème est vraiment résolu dans le commentaire pour corriger l'URL pour les fichiers CSS.

    OriginalL'auteur tvanfosson