Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Modal bostrap no se desplaza

Estas en el tema de Modal bostrap no se desplaza en el foro de Jquery en Foros del Web. Hola cuando cargo el contenido de un modal con ajax, el modal ya no se desplaza (el modal es mayor a la pantalla) con la ...
  #1 (permalink)  
Antiguo 26/10/2016, 15:55
 
Fecha de Ingreso: julio-2008
Mensajes: 366
Antigüedad: 15 años, 8 meses
Puntos: 7
Modal bostrap no se desplaza

Hola

cuando cargo el contenido de un modal con ajax, el modal ya no se desplaza (el modal es mayor a la pantalla) con la barra lateral

cuando tratas de desplazarlo se mueve la pagina de fondo pero no el modal

cualquier ayuda se las voy agradecer




Código Javascript:
Ver original
  1. $("#example1").on("click",".BtnNew", function(){
  2.  
  3.         var Id = $(this).data("id");
  4.         var IdBoda = $(this).data("idboda");
  5.         var IdHotel = $(this).data("idhotel");
  6.         $.ajax({
  7.             url: "AjaxTraerNuevaReserva.php",
  8.             type: "POST",
  9.             dataType: "html",
  10.             data:{IdBoda:IdBoda, IdReserva:Id, IdHotel:IdHotel},
  11.             success: function(e){              
  12.                 $("#NewHabitacion").html(e);
  13.                 $("#ModalNew").modal("show");
  14.             }        
  15.         });
  16.     });


Código HTML:
Ver original
  1. <div class="modal fade" id="ModalNew" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  2.     <div class="modal-dialog ">
  3.         <div class="modal-content">
  4.           <form id="AjaxInsertNewReserva" action="AjaxInsertNewReserva.php" method="post">
  5.             <div class="modal-header">
  6.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  7.                     <span aria-hidden="true" class="ti-close"></span>
  8.                 </button>
  9.                 <h4 class="modal-title">Nueva Habitacion</h4>
  10.             </div>
  11.             <div class="modal-body">
  12.                 <div class="box-body" id="NewHabitacion"> </div>
  13.             </div>
  14.             <div class="modal-footer">
  15.                 <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
  16.                 <button type="submit" class="btn btn-primary">Guardar Cambios</button>
  17.             </div>
  18.           </form>
  19.         </div>
  20.     </div>
  21. </div>
  #2 (permalink)  
Antiguo 26/10/2016, 16:04
 
Fecha de Ingreso: julio-2008
Mensajes: 366
Antigüedad: 15 años, 8 meses
Puntos: 7
Respuesta: Modal bostrap no se desplaza

Esto resuelve este problema

Código Javascript:
Ver original
  1. $("body").css("overflow", "hidden");
  2. $("#ModalNew").css("overflow", "auto");

código tomado de "osmaymoya"
de este post http://www.forosdelweb.com/f179/moda...iento-1155759/

Etiquetas: desplaza, modal
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:04.