jQWidgets jqxLoader.close() 方法介绍

jQWidgets jqxLoader是一个用于显示加载中指示器的jQuery插件。jqxLoader.close()方法用于关闭jqxLoader组件并隐藏它。本文将深入介绍jqxLoader.close()方法及其应用。

方法语法

$('#jqxLoader').jqxLoader('close');

参数

• 无

返回值

• 无

使用方法

1. 引入jqxLoader插件的相关文件，例如：

<link rel="stylesheet" href="/jqwidgets/styles/jqx.base.css">
<script src="/jqwidgets/jqxcore.js"></script>
<script src="/jqwidgets/jqxloader.js"></script>

2. 使用jqxLoader插件创建一个加载中指示器，例如：

$('#jqxLoader').jqxLoader({
    width: 100,
    height: 60
});

3. 当需要关闭指示器时，调用jqxLoader.close()方法，例如：

$('#jqxLoader').jqxLoader('close');

示例

以下代码演示了如何使用jqxLoader.close()方法关闭加载中指示器：

<!-- 引入相关文件 -->
<link rel="stylesheet" href="/jqwidgets/styles/jqx.base.css">
<script src="/jqwidgets/jqxcore.js"></script>
<script src="/jqwidgets/jqxloader.js"></script>

<!-- 创建加载中指示器 -->
<div id="jqxLoader"></div>

<!-- 关闭指示器按钮 -->
<button onclick="closeLoader()">关闭指示器</button>

<script>
    // 创建指示器
    $('#jqxLoader').jqxLoader({
        width: 100,
        height: 60
    });

    // 关闭指示器
    function closeLoader() {
        $('#jqxLoader').jqxLoader('close');
    }
</script>

注意事项

• 在调用jqxLoader.close()之前，必须先创建jqxLoader组件，否则会出现错误。

以上就是jQWidgets jqxLoader.close()方法的介绍，希望本文能够对开发者们有所帮助。