He pasado un par de horas tratando de conseguir este bootstrap colapso plugin para trabajar. Lo siento si esta pregunta se ha hecho un manojo de antes, pero me he recorrido este lugar para una respuesta adecuada. Aquí está mi código html:

<html lang="en">
 <head>
   <meta charset="utf-8">
   <title>:(</title>
   <!-- Bootstrap -->
   <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
 </head>

 <body>
   <h1>Collapse!</h1>

  <a class="btn btn-danger" data-toggle="collapse" data-target="#demo">
     simple collapsible
  </a>

  <div id="demo" class="collapse in">
        <p>Hopefully this content will be collapsible!</p>
        <p>And this too!</p>
  </div>


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

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>

  </body>
</html>

Este también es mi primer uso de stackoverflow para hacer una pregunta, así que excusa el hecho de que no sé cuál es el formato adecuado a mi pregunta. Acabo de añadir en ese pequeño fragmento de jquery en la esperanza de que de alguna manera inicializar el js elementos en la página. Por favor ayuda!

  • Coloque su código java script, después de incluir el jquery y bootstrap plugin.
  • Una buena estructura Html seguir el orden como >>> 1. archivo css, 2. css código en línea, 3. archivo de javaScript, 4. javaScript de código en línea.
  • Cambiar el orden de las secuencias de comandos no aparece para ayudar a
  • Se Piers -> Ver, si usted está utilizando una biblioteca de javascript y jugar con él, usted debe llamar antes de su código personalizado.Estoy seguro de que va a funcionar si no hay ningún error en el código.
  • también se le olvidó poner punto y coma después de $(".collapse").collapse()
  • Puntos y comas son opcionales en JS en la mayoría de los casos, incluyendo esta. Es probablemente una mejor idea de seguir con el uso de ellos en caso de que te quedes en uno de los casos de borde, pero uno las funciones de comando son bastante seguros de cualquier forma.

InformationsquelleAutor Will Piers | 2012-10-28

2 Comentarios

  1. 1

    Aquí es la versión de trabajo de su código http://jsbin.com/aximay/1/edit

    • que parte de mi código es el problema, entonces?
    • No es el fin de la JS? Está usted recibiendo cualquier JS errores?
    • Intente comprobar si los archivos Css y js archivos tienen el camino correcto compruebe también la consola de errores
    • Ahora he escrito todo en el mismo orden que @bmscomp tiene. He escrito en el mismo documento como él, pero estoy con enlaces a bootstrap y jquery desde diferentes lugares de lo que él es. Acabo de recibir una nueva descarga de bootstrap esta mañana. Así que no entiendo por qué no funciona. ¿Es absolutamente necesario tener el bootstrap-responsive.css?
    • Hey acabo de comprobar el código «bmscomp», y listo.No hay ningún cambio en el código. también debe comprobar en qué orden colocó el javascript. usted puede comprobar el error en google chrome. presione F12 en Google Chrome y ver si hay marca roja en la parte inferior derecha. haga clic en eso, ahora usted puede ver el error producido.
    • No se pudo cargar el recurso file://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js Uncaught TypeError: indefinido no es una función de bootstrap.min.js:6
    • no hay necesidad para el bootstrap-responsive.css , para el primer paso de intentar utilizar el CDN de archivos, o ver si Js se permite para su navegador puede ser la razón, porque para mí traté de cada posición posible para los archivos css y js y funciona para mí. jsbin.com/ajujor/1/edit
    • Es claro que el probleme es con su jq
    • aquí es donde tengo mi jquery enlace developers.google.com/speed/libraries/devguide
    • descargar e incluir a su proyecto
    • ¿dónde te recomendamos que tengo mi jquery en el futuro?
    • si usted está trabajando en línea, es mejor hacerlo desde [CDN] es más rápido (ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js)
    • Ja, ja.. creo que la discusión va por el camino equivocado. has comprobado el punto y coma en el código. También puede obtener la última versión de jquery en línea aquí code.jquery.com/jquery-latest.min.js
    • jaja todo bien ahora. Estoy trabajando muy bien en este punto. He usado bootstrap css cosas por un tiempo, pero esta yo la primera vez que traté de usar cualquiera de las js cosas. Yo sólo estaba frustrado con él, pero era claramente un problema jQuery
    • esta lo que estoy buscando.

  2. 0

    Veo que esta pregunta es un poco viejo, pero sólo una nota adicional.

    Parece que no hay necesidad de utilizar el Bootstrap de datos de atributos, Y el javascript. El BS docs (ver condiciones de Uso) no está claro que estas son las distintas alternativas, pero funciona bien con cualquiera de ellos de forma independiente (atributos de datos O JS).

Dejar respuesta

Please enter your comment!
Please enter your name here