Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

265
Vistas
Cerrar modal en AJAX Sucess (ASP.NET MVC)

Tengo Modal a la vista para hacer un nuevo registro en la base de datos.

Verlo en Vista parcial

Aquí está el código de vista

 <script src="~/Scripts/jquery-3.1.1.js"></script>

Para AJAX que uso este código

 <script> $(document).ready(function () { $('#save_quest').click(function () { savequestion(); }); }); function savequestion() { $.ajax({ type: 'Post', dataType: 'Json', data: { Question_new: $('#question').val(), Answer: $('#answer').val(), Preparing: $('#prepare').val(), Retries: $('#retries').val(), }, url: '@Url.Action("CreateNewQuestion", "Questions")', success: function (da) { if (da.Result === "Success") { $('#myModal').modal('hide') //window.location.href = da.RedirectUrl; } else { alert('Error' + da.Message); } }, error: function (da) { alert('Error'); } }); }

Necesito ocultar modal cuando la llamada AJAX es exitosa

Intento esto $('#myModal').modal('hide')

Aquí está mi modal en Vista principal

 <div class="modal fade" id="myModal" role="dialog" data-backdrop="false"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h4 class="modal-title">Modal Header</h4> </div> <div class="modal-body"> @Html.Partial("~/Views/Questions/CreateQuestion.cshtml") </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div>

¿Cómo puedo ocultarlo en AJAX Success?

about 4 years ago · Santiago Trujillo
3 Respuestas
Responde la pregunta

0

Puede probar cualquiera de las siguientes opciones en su bloque de éxito de ajax. Esperemos que resuelva su problema.

 $("#myModal").modal('hide'); OR $('#myModal').modal('toggle'); OR $('#myModal').removeClass('show'); OR $('#myModal').modal().hide(); OR $("#myModal .close").click(); OR $("#myModal .close").trigger("click");
about 4 years ago · Santiago Trujillo Denunciar

0

encontré solución

Solo necesito escribir

$('#myModal').hide();

about 4 years ago · Santiago Trujillo Denunciar

0

Esta no es la forma adecuada. $('#miModal').hide();

La forma correcta $("#myModal").modal('hide');

¿Ha intentado agregar bootstrap.js en su página? si no, inclúyalo en su página y luego pruebe. Deberia de funcionar.

about 4 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda