jQuery Mobile Loader 禁用选项

在使用 jQuery Mobile 时，页面通常会被覆盖上一个 loader 标识以表示正在加载中。这个 loader 功能在某些场景下可能会带来一些问题或者不必要的延迟，因此 jQuery Mobile 提供了禁用 loader 的选项。

禁用方式

禁用方式有两种：全局禁用和局部禁用。

全局禁用

全局禁用可在引入 jQuery Mobile 的 script 标签中添加 mobile.loadingMessage = false;。

示例：

<script type="text/javascript" src="jquery.mobile.min.js"></script>
<script type="text/javascript">
    $(document).on("mobileinit", function() {
        // 禁用全局 loader
        $.mobile.loadingMessage = false;
    });
</script>

局部禁用

局部禁用可在需要禁用的元素上添加 data-role="none"，或者在 Ajax 加载时添加 $.mobile.loading('none');。

示例：

<div data-role="page">
    <div data-role="header" data-position="fixed" data-id="header">
        <h1>My Page Title</h1>
    </div>
    <div data-role="content">
        <p>Loading...</p>
        <!-- 这里的 loader 将会被禁用 -->
        <div data-role="none" id="my-custom-loader">Custom Loader</div>
    </div>
</div>

// Ajax 加载时禁用 loader
$.mobile.loading('none');

结论

禁用 jQuery Mobile Loader 对于某些场景下的开发有着很大的帮助。我们可以根据实际需求选择全局禁用或者局部禁用两种方式。