javascript - jQuery模态窗口的加载效果是怎么实现的呢?

标签 javascript jquery popup modal-dialog

我将通过 ajax 在模态窗口中动态加载某些信息。

我在其他网站上注意到,在加载内容之前,模态窗口中会出现一个小的圆形加载动画。有谁知道这种效果是如何实现的,可能在哪里可以找到加载动画?

谢谢

最佳答案

jQuery $.ajax() 方法允许您指定一个调用 ajax 调用的方法和另一个调用 ajax 响应的方法。此功能的逻辑扩展是在第一次调用中显示包含动画 gif 的 div,并在第二次调用中清除它。这是一个例子。我在设置我的 ajax 调用默认值时在我的 $.ajaxSetup 调用中执行此操作,以便我的所有 ajax 调用都具有相同的行为,但是您可以在 $.ajax 级别实现它以获得潜在的不同启动/停止行为的类型取决于情况。

    beforeSend: function() {
        $('div#ajaxProcessingMessageDiv').show();
    },
    complete: function() {
        $('div#ajaxProcessingMessageDiv').hide();
    }

快乐编码,

关于javascript - jQuery模态窗口的加载效果是怎么实现的呢?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3589315/

相关文章:

javascript - 组复选框 - 如果未选中任何子框,如何取消选中父框?

ios - UIAlertController 给出错误

javascript - Slick Grid 中的聚合标题和列

javascript - jquery - 按名称选择 dom,例如

javascript - IonicFramework + AngularJS + 无法使用单击 HREF 根据列表中的选择呈现页面

javascript - 单击下拉菜单时将文本粘贴到输入框中

javascript - Ajax 文件上传返回状态码 0 就绪状态 0(仅有时)

javascript - 选择下拉框时如何更改 <div> 边框颜色

javascript - 显示新内容时关闭旧的弹出窗口

javascript - 阻止 UIWebView 警报