1. Con una cuenta podrás:

    • Publicar preguntas y pedir ayuda
    • Crear tutoriales
    • Acceder a contenido privado
    • Convertirte en un Héroe de la web
    Cerrar notificación
  2. Eres nuevo en la comunidad y necesitas ayuda?
    Sigue estos pasos y recomendaciones antes de publicar tu duda:
    Cerrar notificación

no funciona jquery

Tema en 'Jquery' comenzado por belorofonte, 13 de Junio de 2017.

Tags:
  1. belorofonte

    belorofonte Nuevo Miembro

    Se incorporó:
    13 de Junio de 2017
    Mensajes:
    2
    Me gusta recibidos:
    0
    Puntos de trofeos:
    1
    Género:
    Hombre
    hola a todos

    mi problema es con jquery dado que estoy siguiendo el curso con bootstrap el problema radica cuando pulsas el boton de dropdown este no despliega el menu aquí déjo el código ojala puedan ayudarme! a lo he probado de varias formas tanto que se cargue al final del body, con cdn, y nativo que es lo que estoy buscando para otro sitiio que estoy haciendo.
    Saludos!!

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Dropdown</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <script type="text/javascript" src="js/jquery-3.2.0.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>

    </head>
    <body>

    <div class="container">
    <br>

    <div class="dropdown">
    <button class="btn btn-default dropdown-toggle" type="button" id="menu1" data-toggle="dropdown" aria-extended="true">
    Dropdown
    <span class="caret"></span>
    <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
    <li role="presentation"><a role="item" href="#">Item #1</a></li>
    <li role="presentation"><a role="item" href="#">Item #2</a></li>
    <li role="presentation"><a role="item" href="#">Item #3</a></li>
    <li role="presentation"><a role="item" href="#">Item #4</a></li>
    </ul>
    </button>
    </div>
    </div>

    </body>
    </html>
     
  2. AngelKrak

    AngelKrak Héroe de la web

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.235
    Me gusta recibidos:
    550
    Puntos de trofeos:
    113
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    ya habias hecho un post igual y te habian respondido ;)
    http://heroesdelaweb.com/threads/bootstrap-y-dropdown.6457/

    y aqui te dejo la solucion de tu Dropdown, ya que lo tienes mal maquetado ;)
    HTML:
    <div class="container">
    <br>

    <div class="dropdown">
    <button class="btn btn-default dropdown-toggle" type="button" id="menu1" data-toggle="dropdown" aria-extended="true">Dropdown <span class="caret"></span></button>
    <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
    <li role="presentation"><a role="item" href="#">Item #1</a></li>
    <li role="presentation"><a role="item" href="#">Item #2</a></li>
    <li role="presentation"><a role="item" href="#">Item #3</a></li>
    <li role="presentation"><a role="item" href="#">Item #4</a></li>
    </ul>
    </div>
    </div>
    El Boton no puede encerrar al menu completo si no luego como lo llama para mostrarlo?
    lo cual tiene que ir por separado el menu y el boton que desplegara el menu(dropdown)

    Demo: https://www.bootply.com/MtAIv12O2E
     
    Última modificación: 13 de Junio de 2017
    A Dawud le gusta esto.
  3. belorofonte

    belorofonte Nuevo Miembro

    Se incorporó:
    13 de Junio de 2017
    Mensajes:
    2
    Me gusta recibidos:
    0
    Puntos de trofeos:
    1
    Género:
    Hombre
    muchas gracias por este aporte efectivamente mi lógica estaba mal me acabas de salvar en la chamba-
     
  4. AngelKrak

    AngelKrak Héroe de la web

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.235
    Me gusta recibidos:
    550
    Puntos de trofeos:
    113
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    jejeje de nada, que bueno que se Soluciono
     

Comparte esta página