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

Question

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.

I tried it with this question also, But I couldn't figure this out - http://stackoverflow.com/questions/25577491/how-to-automatically-close-bootstrap-3-modal-after-time-period — TNK, Mar 02 '15 at 13:57

score 1 · Answer 1 · answered Mar 02 '15 at 14:04

1

Here it is,

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

    }
});

answered Mar 02 '15 at 14:04

Sachi Tekina

1,800
5
28
50

score 0 · Answer 2 · answered Mar 02 '15 at 14:00

0

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');
});

answered Mar 02 '15 at 14:00

taesu

4,482
4
23
41

is the id of the modal correct? unless you should us your html, we cannot help further. – taesu Mar 02 '15 at 14:08
have you tried toggle option? have you stripped your code so that it does not fade, but only try to close? – taesu Mar 02 '15 at 14:10
I want to close it with fade effect. – TNK Mar 02 '15 at 14:16
Does ajax return correctly? Does it fade at least? How are you opening that modal? – taesu Mar 02 '15 at 14:58
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/72067/discussion-between-tnk-and-taesu). – TNK Mar 02 '15 at 15:00
Can I have chat with you? – TNK Mar 02 '15 at 15:04

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

2 Answers2