【问题标题】:Bootstrap modal popup and fadeout after few seconds according to ajax success根据ajax成功,几秒钟后引导模式弹出和淡出
【发布时间】:2023-03-06 21:36:01
【问题描述】:

我正在尝试显示引导模式并成功发出 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');
        });
   }
 });    

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

谢谢。

【问题讨论】:

标签: javascript jquery ajax twitter-bootstrap-3 bootstrap-modal


【解决方案1】:

来了,

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

    }
});

【讨论】:

    【解决方案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');
    });
    

    【讨论】:

    • 模态的ID是否正确?除非您应该使用您的 html,否则我们无法提供进一步的帮助。
    • 你试过切换选项吗?您是否剥离了代码以使其不会褪色,而只是尝试关闭?
    • 我想用淡化效果关闭它。
    • ajax 是否返回正确?至少会褪色吗?你是怎么打开那个模态的?
    猜你喜欢
    • 2021-08-30
    • 2011-12-30
    • 1970-01-01
    • 2014-10-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多