Question

我正在尝试显示ajax请求成功的引导模式。它为我工作。但是我的问题是当我试图在触发后几秒钟后隐藏它。

这是我试过的方式。

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

但是当我第一次提交表单时，这不能正常工作。之后，当我提交表单时，此模式不会弹出。谁能告诉我这是什么原因？

谢谢。

Answer 1

在这里，

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

    }
});

Answer 2

这应该有效

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

根据ajax的成功，几秒后Bootstrap模态弹出和淡出

2 个答案: