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
$("#example1").on("click",".BtnNew", function(){ var Id = $(this).data("id"); var IdBoda = $(this).data("idboda"); var IdHotel = $(this).data("idhotel"); $.ajax({ url: "AjaxTraerNuevaReserva.php", type: "POST", dataType: "html", data:{IdBoda:IdBoda, IdReserva:Id, IdHotel:IdHotel}, success: function(e){ $("#NewHabitacion").html(e); $("#ModalNew").modal("show"); } }); });
Código HTML:
Ver original
<div class="modal fade" id="ModalNew" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog "> <div class="modal-content"> <form id="AjaxInsertNewReserva" action="AjaxInsertNewReserva.php" method="post"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> </button> </div> <div class="modal-body"> </div> <div class="modal-footer"> </div> </form> </div> </div> </div>