CODEWITHSUNDEEP
javascriptjqueryajaxtwitter-bootstrap-3bootstrap-modal
TNK
TNK

Reputation: 4323

Bootstrap modal popup and fadeout after few seconds according to ajax success

I am trying to display a bootstrap modal with success of a ajax request. Its working for me. But my problem is when I try to hide it after few seconds as soon as it triggered.

This is how I tried it. 

$.ajax({
   type: "POST",
   url: "includes/process.php",
   data: $(".banner-form").serialize(), // serializes the form's elements.
   success: function(data)
   {

        $("#myModal").fadeTo(2000, 500).slideUp(500, function(){
            $("#myModal").modal('close');
        });
   }
 });

But this is not working properly when I submitting the form first time. After that when I submitting the form this modal is not popup. Can anybody tell me what is the reason for this?

Thank you.

Upvotes: 0

Views: 1332

Answers (2)

Sachi Tekina
Sachi Tekina

Reputation: 1810

Here it is,

$.ajax({
    url: 'link/',
    dataType: 'json',
    success: function (s) {
        $('#MyModal').modal({
            show: false
        });
    },
    error: function (e) {

    }
});

Upvotes: 1

taesu
taesu

Reputation: 4580

This should work

$.ajax({
  url: "test.html",
  context: document.body
// wait until ajax request is done
}).done(function() {
// close the modal
  $('#myModal').modal('hide')
  // try this if above does not work!
  // $('#modal').modal('toggle');
});

Upvotes: 0

Related Questions