跳转到主要内容

使用JS在Ajax调用期间添加/移除加载覆盖层

项目描述

jQuery Ajax加载覆盖插件包用于Django

django-ajax-loading-overy使用JavaScript在Ajax调用期间向目标元素添加/移除加载覆盖层。它可以在任何应接收加载覆盖层的元素上调用,并接受类选择器和加载覆盖层文本的选项。

依赖关系

安装

在您的Django项目设置中,将“ajax_loading_overlay”添加到您的INSTALLED_APPS中。

使用

链接JS

<script src="{{ STATIC_URL }}ajax_loading_overlay/jquery.ajax-loading-overlay.js"></script>

调用插件

$('#target').loadingOverlay();

移除加载覆盖层(通常在Ajax调用成功时)

$('#target').loadingOverlay('remove');

可以通过传递选项来覆盖默认加载类('loading')、覆盖类('overlay')、加载文本('loading...')和/或返回加载文本的内边距的函数

$('#target').loadingOverlay({
    loadingClass: 'myLoadingClass',
    overlayClass: 'myOverlayClass',
    loadingText: 'Loading. Please Wait.',
    paddingTop: function (target) {
        return ((target.outerHeight() - parseInt(target.css('line-height'), 10)) / 2).toString() + 'px';
    }
});

如果初始化加载覆盖层时传递了loadingClassoverlayClass选项,则在移除该覆盖层时必须传递相同的选项

$('#target').loadingOverlay('remove', {
    loadingClass: 'myLoadingClass',
    overlayClass: 'myOverlayClass'
});

变更

0.1.2 (2012.07.24)

  • 为覆盖文本添加了 paddingTop 选项。

0.1.1 (2011.07.14)

  • JavaScript 清理;添加了 JSLint 选项。

0.1.0 (2011.06.26)

  • 初始发布。

待办事项

项目详情


下载文件

下载适合您平台的文件。如果您不确定选择哪个,请了解有关安装包的更多信息。

源代码发行版

django-ajax-loading-overlay-0.1.2.tar.gz (4.2 kB 查看哈希值)

上传时间 源代码

支持

AWS AWS 云计算和安全赞助商 Datadog Datadog 监控 Fastly Fastly CDN Google Google 下载分析 Microsoft Microsoft PSF 赞助商 Pingdom Pingdom 监控 Sentry Sentry 错误记录 StatusPage StatusPage 状态页