Tag: twitter bootstrap

¿Cómo ocultar un elemento usando Twitter Bootstrap y mostrarlo usando jQuery?

Digamos que creo un elemento HTML como este, Hello, TB3 Hello, TB4 Hello, TB4 ¿Cómo podría mostrar y ocultar ese elemento HTML de jQuery / Javascript? JavaScript: $(function(){ $(“#my-div”).show(); }); Resultado: (con alguno de estos). Me gustaría que los elementos de arriba estuvieran ocultos. ¿Cuál es la forma más sencilla de ocultar un elemento usando […]

Cómo validar correctamente un formulario modal

Parece que no puedo obtener la validación para trabajar en mi modo de arranque, he luchado con varios de los ejemplos que he encontrado. ¿Cuál es la forma correcta de validar un modal de arranque? Mi HTML: × Add Stuff A p Name: Action: Save Close Mi Javascript: $(function () { $(“#newModalForm”).validate({ rules: { pName: […]

Mostrar Bootstrap Modal Carga de página por primera vez

Estoy intentando mostrar un modo de arranque cuando una persona visita una página por primera vez (después de iniciar sesión en mi aplicación). Quiero usar el modal para ofrecer un video de “Introducción” y también ofrecer una checkbox de “no mostrarme esto otra vez” para que el visitante pueda omitir el “modal de inicio” en […]

Los enlaces del menú contraído de Bootstrap no funcionan en dispositivos móviles

Estoy usando un menú plegable con elementos de submenú en una barra de navegación. El menú se contrae correctamente en pantallas estrechas y los elementos del submenú se muestran correctamente. Sin embargo, cuando hago clic en un elemento del submenú en un dispositivo móvil, el enlace no funciona. En su lugar, el submenú se contrae […]

¿Cómo ocultar Bootstrap modal con javascript?

He leído las publicaciones aquí, el sitio de Bootstrap y busqué en Google como locas, pero no puedo encontrar lo que estoy seguro de que es una respuesta fácil … Tengo un modo Bootstrap que abro desde un link_to helper como este: ‘modal’, ‘data-target’ => “#myModal”, class: “btn btn-primary”} %> En mi acción ContactsController.create , […]

Evite la desaparición del menu desplegable con bootstrapDropdown onclick en la list

Estoy usando usar el menu desplegable de arranque para generar un menu desplegable. Me gustaría evitar la desaparición del menu cuando click él. Implementé el siguiente código, pero no funciona. ¿Alguna de idea de cómo arreglarlo? HTML <li class="dropdown notification"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <span class="notification-label label label-info"> <i class="icon-inbox icon-white"></i> <span class="notification-number">{{ unread_notifications }}</span> […]

BOOTSTRAP activa la sugerencia de herramienta en el elemento de input solo si ingresa val length <n

Me gustaría mostrar información sobre herramientas cuando input.val().length <= 3 luego ocultar información sobre herramientas cuando> 3 caracteres Mira esto: <input type="text" id="nav-search"/> $('#nav-search').on('keyup',function(){ var _keys = $(this).val(); if(_keys.length <= 3){ $(this).tooltip({'trigger':'focus',position:'right'}); $(this).trigger('focusin'); } }); obviamente no funciona: /

jQuery Validate no funciona en Bootstrap 3 en forma de tabs

He visto esta pregunta / respuesta , y muchas más me gusta, pero todavía no puedo get mi validation de formulario para cambiar de pestaña o moverme a la pestaña con el error. JQuery relevante: $(document).ready(function () { $("form[name=modify]").validate({ ignore: [], rules: { first_name: { requinetworking: true, }, surname: { requinetworking: true }, id_number: { […]

¿Puedo inicializar el carrusel de arranque en una function? ¿o debería hacerse solo en la function list?

$('.carousel').carousel({ pause: true, interval: false }); Quiero inicializar esto en una function pero no está funcionando. ¿Hay alguna manera de hacer esto? FYI intenté colocarlo en la function document.ready .

Bootstrap Confirmation data-on-confirm no se está ejecutando la function

Estoy intentando hacer que una confirmación de eliminación ejecute una function que elimine los datos de identificación actuales. Estoy recibiendo este error: Unkeught TypeError: no se puede leer la propiedad 'call' de undefined en esta parte de bootstrap-confirmation.js return function() { context[func].call(this); }; este es mi código de button <button class="btn btn-danger" data-toggle="confirmation" data- btn-ok- […]

Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.