Twitter Bootstrap 2 menu déroulant n'est pas un travail

Bonne journée!
Je suis en train de mettre en œuvre menu déroulant à partir d'exemples sur mon site. Mais il n'est pas un travail (menu déroulant n'est pas visible à tous). J'ai inclus tout le nécessaire fichiers js et css, le langage est le même que dans les docs.

Pouvez-vous voir ce que je fais mal?

<link type="text/css" href="{{ STATIC_URL }}css/bootstrap.css" rel="stylesheet">

<script type="text/javascript" src="{{ STATIC_URL }}js/jquery-1.7.1.min.js"></script>

<script type="text/javascript" src="{{ STATIC_URL }}js/bootstrap.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}js/bootstrap-dropdown.js"></script>

...

<body>
<div class="navbar .navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <a class="brand" href="/">
                Brand
            </a>

            <ul class="nav">
                <li class="dropdown">
                    <a href="#fat-menu" class="dropdown-toggle" data-toggle="dropdown">
                        Аккаунт
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu" id="fat-menu">
                        <li><a>SubLink</a></li>
                        <li class="divider"></li>
                        <li><a>SubLink</a></li>
                    </ul>
                </li>
            </ul>

...


        </div>
    </div>
</div>

Merci beaucoup.

aucune idée si cela a quelque chose à voir avec ton problème, mais je ne suis pas sûr que vous devez inclure à la fois bootstrap.js ET bootstrap-dropdown.js. Selon ce exactement que vous avez téléchargé, bootstrap.js peut déjà inclure dans la liste déroulante spécifiques js.
Non, selon la documentation, les deux fichiers sont nécessaires.
J'ai eu un problème quand j'étais en incluant à la fois bootstrap.js et bootstrap-modal.js. Pouvez-vous confirmer que la suppression de bootstrap-dropdown.js ne permet pas de résoudre le problème?

OriginalL'auteur mxpv | 2012-02-17

  1. 9

    Le problème a été en manque js bloc dans le fichier html, requis pour une fonction spécifique.

    Le code manquant bit a:

    $('.dropdown-toggle').dropdown()
    Le bloc a été absent? Pouvez-vous donner des précisions, je suis aussi le même problème.
    Pour le menu déroulant, il était de $('.dropdown-toggle').liste déroulante()
    Merci de rap. Dans mon cas, j'avais compilé les actifs avant et a oublié qu'. plus tard, j'ai ajouté le bootstrap, alors pourquoi j'ai eu le problème. J'ai supprimé la version compilée de l'actif du répertoire public et il fonctionne très bien.

    OriginalL'auteur mxpv

  2. 4

    Vous n'êtes pas correctement la liaison de votre principal nav lien vers votre liste déroulante, essayez ceci:

    <ul class="nav">
    <li class="dropdown" id="fat-menu"> /* notice the reference to your dropdown link #fat-menu */
        <a href="#fat-menu" class="dropdown-toggle" data-toggle="dropdown">
            Аккаунт
            <b class="caret"></b>
        </a>
        <ul class="dropdown-menu">
            <li><a>SubLink</a></li>
            <li class="divider"></li>
            <li><a>SubLink</a></li>
        </ul>
    </li>
</ul>

    Démo: http://jsfiddle.net/u5vhS/1/

    Essayé cela, mais n'aide pas 🙁 A aussi essayé sans id, comme dans la documentation. Même problème.
    voici un violon avec le code ci-dessus fonctionne bien: jsfiddle.net/u5vhS
    jouer avec le top nav code, jsfiddle.net/u5vhS/1

    OriginalL'auteur Andres Ilich

  3. 2

    J'ai l'habitude utilisé pour oublier de l'un de ces:

    • html propre
    • reliant à jquery.js et bootstrap-dropdown.js
    • vérifier si je l'ai lié correctement (il semble redondant, mais il m'a bien aidé)
    • l'appel de la liste déroulante: $('.dropdown-toggle').liste déroulante()

    OriginalL'auteur Piotr Pytlarz

  4. 1

    Je sais que cela peut paraître idiot, mais lorsque vous affichez la source (via le clic droit), sont les adresses des fichiers JavaScript correct? Il est possible que {{ STATIC_URL }} n'est pas correct. Essayez de copier-coller les adresses à partir de la source dans la barre d'adresse. Assurez-vous de voir le contenu des fichiers JavaScript.

    OriginalL'auteur Keith

  5. 1

    J'ai été confrontée au même problème. Commentant le lien pour bootstrap-dropdown.js résolu. J'ai seulement besoin bootstrap.min.js

    OriginalL'auteur SainathDK

  6. 0

    Qui se passera si vous remplacez li quelque part dans votre css. Par exemple, si vous avez une autre feuille de style avec le contenu:

    li {
    list-style: none;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 25px;
    position: relative;
}

    Il ne fonctionnera pas. Assurez-vous il n'y a pas de conflit.

    OriginalL'auteur vimdude

  7. -1

    Essayez de mettre à niveau votre bibliothèque jQuery, il a résolu le même problème pour moi.

    OriginalL'auteur devBen

  8. -3

    Eu le même problème sur un .un projet de réseau (menu déroulant ne pas montrer à tous), mais officiel des échantillons bootstrap a bien fonctionné. La mise à niveau de la bibliothèque de jQuery sur mon projet de 1.6.1 à 1.8.2 résolu le problème.

    OriginalL'auteur Agadormis