使用JS在Ajax调用期间添加/移除加载覆盖层
项目描述
jQuery Ajax加载覆盖插件包用于Django
django-ajax-loading-overy使用JavaScript在Ajax调用期间向目标元素添加/移除加载覆盖层。它可以在任何应接收加载覆盖层的元素上调用,并接受类选择器和加载覆盖层文本的选项。
依赖关系
jQuery库 (https://jqueryjs.cn/)
安装
在您的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'; } });
如果初始化加载覆盖层时传递了loadingClass或overlayClass选项,则在移除该覆盖层时必须传递相同的选项
$('#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 的哈希值
算法 | 哈希摘要 | |
---|---|---|
SHA256 | 75b02e8f604abe5ba73783f00f48803e90afec85923bc149974c342681b84234 |
|
MD5 | f3fad4d019e75cb1b06a0788e1142c9c |
|
BLAKE2b-256 | b6c9e866593c77ec9268f13552879bd73d230fc73f7cfe8f04497f145700d505 |