no puede conseguir twitter bootstrap barra de navegación, para el trabajo?

He mirado a través de un montón de tutoriales, y he leído un montón de respuestas a las preguntas aquí. No puedo entender lo que está pasando. Me une a bootstrap.css, bootstrap-responsive.css, bootstrap.js, jquery, y bootstrap-dropdown.js que, en ese orden. Cuando hago clic en cada una de la fuente de la página, se muestra correctamente. Cuando hago clic en el menú desplegable que aparece, sin embargo, no sucede nada. Aquí está el código html para que:

<!--begin bootstrap navbar-->
<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <ul class="nav">
                <li><a href="/signup/index">Sign Up</a></li>
                <li class="dropdown">
                    <a href="/signup/index" class="dropdown-toggle" data-toggle="dropdown">Login<b class="caret"></b></a>
                    <ul class="dropdown-menu">
                         <li><a href="/mypage">my page</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--/end bootstrap navbar-->

Si alguien tiene alguna idea, que me haga saber.

  • ¿Tiene usted un ejemplo de la falla en línea en cualquier lugar? Podría, quizás, utilizar jsfiddle.net o jsbin.com para ilustrar el problema?
InformationsquelleAutor Scott Fink | 2012-07-22

4 Kommentare

  1. 4

    Un problema muy común es el orden en que se cargan los archivos javascript. Usted tiene que cargar jquery antes de bootstrap archivo javascript. Archivo CSS orden no importa.

    EDITAR

    Funcionó cuando me copiar y pegar el código, y cambiado el atributo href en esta línea de «/signup/índice» a «#»…

    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Login<b class="caret"></b></a>

    Ver…
    no puede conseguir twitter bootstrap barra de navegación, para el trabajo?

    Bootstrap menús activar con un clic (en vez de asomar), y si el enlace conduce realmente en algún lugar va a saltar caer el menú de abajo y navegar en su lugar.

    • he cambiado el orden, el mismo resultado. Es simplemente enlazar a /signup/index.
    • Ni idea de cuál es el problema entonces. esto me está volviendo nueces
    • hmm, me acabo de mudar el archivo fuera de mi CodeIgniter conjunto, y funcionó. Me pregunto cuál sería la razón para que?
    • No está claro? El inicio de Sesión hipervínculo, no se muestra el menú desplegable, porque tienes que enlaza a otra página. Por lo que se vaya a «/signup/index» en lugar de mostrar el menú desplegable. Cambie el atributo href de href=»/signup/index» a href=»#» para el inicio de Sesión de hipervínculo. Bootstrap menú desplegable de tener href=»#».
    • Yo no estoy familiarizado con codeigniter. Pero me alegro de que se está trabajando para usted ahora.
  2. 1

    Sólo debe enlace bootstrap.js o bootstrap-dropdown.js. Al parecer, se puede crear algunos conflictos, porque esta es la única cosa que tenía que cambiar. Esto lo he hecho anteriormente sin problemas, sin embargo.

  3. 1

    Tuve un problema similar, donde la barra de navegación desplegable no reaccionar cuando hice clic en él. Yo estaba tratando de adoptar http://twitter.github.io/bootstrap/examples/starter-template.html a mi diseño.

    En última instancia, el problema de falta jquery.js.

    Aquí la pieza de código que buscan jquery.js.

    <!-- Placed at the end of the document so the pages load faster -->
    <script src="../assets/js/jquery.js"></script>
    <script src="../assets/js/bootstrap-transition.js"></script>
    <script src="../assets/js/bootstrap-alert.js"></script>

    Después he copiado en la que falta jquery.js a la carpeta adecuada, todo funcionaba bien.

  4. 0

    Bootstrap Nav-Bar Plantilla con Reaccionar:

    De problemas similares con el menú desplegable de vista móvil no hacer clic en el desplegable..Solo faltan líneas me tomó de la w3c.. ajax faltaba.:

    Referencia____
    https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_navbar_collapse&apilados=h

    SIGUIENTE CÓDIGO QUE VA EN EL ENCABEZADO HTML

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea