Twitter Bootstrap 2, el colapso de navegación por

con Twitter Bootstrap 2, ¿cómo conseguir enlaces que trabajan dentro de colapso de navegación por:Twitter Bootstrap 2, el colapso de navegación por

<div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner"> 
    <div class="container"> 
     <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </a> 
     <a class="brand" href="/index.html">Hubsphere - Controller</a> 
     <div class="nav-collapse"> 
     <ul class="nav"> 
      <li class=""> 
      <a href="./index.html">Overview</a> 
      </li> 
     </ul> 
     </div> 
    </div> 
    </div> 
</div>

he incluido jQuery, y el archivo de arranque-collapse.js.

He intentado llamar al $('.nav-collapse').collapse(), pero esto solo abre el área de colapso y la dosis no activa el botón. que es lo que esperaba, ya que solo debería funcionar con marcado.

gracias

Fuente

2012-02-07 nodrog

He agregado bootstrap-collapse.js pero no parece ayudar – nodrog

Lea atentamente la documentación del programa de arranque. http://twitter.github.com/bootstrap/javascript.html#collapse Te estás perdiendo la parte donde realmente llamas a la función $ (". collapse"). colapso() ten en cuenta que también necesitas tener jQUery incluido en la página también. –

gracias por señalar acerca de la lectura de la documentación, lo hice y mejoró el código. Si lee el código y la documentación hay una opción de marcado, eso debería funcionar sin tener que llamar al $ (". Collapse"). Collapse(), que en este caso es incorrecto porque tendría que ser .nav-collapse . desde el sitio de arranque verás que no llaman a eso en ninguna parte. y si lo llamas, ¡simplemente abrirá el colapso en el que lo llamaste! ¿No leíste la pregunta que muestra una barra de navegación fija en la parte superior ... – nodrog

que era un poco de curiosidad para ver si este problema se sigue produciendo con arranque 2.0.4

De hecho, no tiene sentido incluir tanto bootstrap.js y de arranque-collapse.js desde bootstrap.js incluye bootstrap -collapse.js

sólo boostrap-collapse.js http://jsfiddle.net/baptme/YWUmb/6/

funciona pefectly bien como se esperaba.

ambos boostrap.js & boostrap-collapse.js: http://jsfiddle.net/baptme/YWUmb/5/

Si hace clic en el botón de colapso por primera vez, el div se abre y se cierra inmediatamente. (Creo que es porque el complemento está declarado dos veces).

Y luego funciona bien.

Este problema es específico de la versión anterior de twitter boostrap (2.0.0) pero se ha solucionado o ya no se ha producido debido a un cambio en la estructura del complemento.

Fuente

2012-06-20 15:06:09 baptme

Ok por lo que mi problema era que yo estaba incluyendo bootstrap.js y el sistema de arranque-collapse.js en el mismo archivo, asumí que era necesario bootstrap.js, y luego cuando no funcionaron i incluido bootstrap-collapse.js.

Ahora es obvio para mí, pero bootstrap.js es todo el bootstrap js enrollado. Lo cual es bueno ...

Fuente

2012-02-08 11:30:15 nodrog

Dang !! ¡He perdido 2 o 3 horas en este problema! Lo revisé y tuve el mismo lío pasando como mencionaste ... Tenía ambos archivos. Solo necesito el principal. Deberían dejar eso más claro. ¡¡¡Gracias!!! – MattSlay

sí, fue muy molesto, y te pateas cuando lo resuelves ... me alegro de que mi ayuda al final – nodrog

¡Eso acaba de resolver mi problema! Gracias. – joshcartme

Hay otro caso donde se requiere el archivo bootstrap.css DESPUÉS de bootstrap-responsive.css. Eso también hará que el botón no aparezca. Asegúrese de requerir el archivo bootstrap.css primero ANTES de bootstrap-responsive.css.

Fuente

2012-03-13 10:17:41 Bryan

Me salvó el día :) – jonas

O incluye la biblioteca de arranque jquery completa (que almacena todos los js para todos los complementos) o incluye una única biblioteca.

Así, por ejemplo: si desea utilizar la información de herramientas puede:

incluir: JS/bootstrap.js (contiene todos los plugins)

incluir: bootstrap/js/bootstrap-tooltip.js

el segundo conocido ¡hod es mejor porque no cargas cosas a un navegador que no se usarán!

Utilice la versión LESS de github o compile la suya a través del compilador personalizado del sitio web bootstrap, ¡nunca use el predeterminado!

Fuente

2012-10-10 15:59:09 Fowowski

Twitter Bootstrap 2, el colapso de navegación por

Respuesta

Cuestiones relacionadas