创建 UI 加载程序时的引导程序

bootstrap when is ui-loader created?

本文关键字:引导程序 程序 UI 加载 创建      更新时间:2023-09-26

我正在使用 Bootstrap v3.3.6 和 AdminLTE 创建一个 UI,它是从 Bootstrap 构建的,但由于某种原因,即使我自己不编写代码,也创建了一个ui-loader组件,我想知道这个元素是在什么情况下创建的,我如何防止它被创建?

<div class="ui-loader ui-corner-all ui-body-a ui-loader-default">
   <span class="ui-icon-loading"></span>
   <h1>loading</h1>
</div>

目前,我所做的只是覆盖一些CSS并具有.ui-loader{display:none!important;}但我知道这不是最好的解决方案,我只是没有找到有关此主题的任何内容,似乎找不到原因。

顺便说一句:我不是Bootstrap的专家

编辑:事实证明,导致此行为的库是jQuery Mobile,但是如果我删除它,那么某些组件将停止工作,那么如何在jquery mobile中处理此问题?

我发现您可以使用$.mobile.loading()函数show | hide加载器,因此:

要显示:

$.mobile.loading( 'show', {
    text: 'Verificando Datos',
    textVisible: true,
    theme: 'z',
    html: ""
});

要隐藏:

$.mobile.loading('hide');

至于为什么要渲染加载器,我所做的是使用 jQuery CDN,但我只使用了脚本而不是 CSS 引用,所以后来发生的事情是"加载"显示在页面底部,一旦我添加了 CSS 引用,这个加载器就消失了。仅在一页中(这发生在我的两个页面中)。我不想包含CSS引用的原因是设计被覆盖了,我不想这样。

另一个页面的问题,我只通过添加一些 CSS 来解决它:.ui-loader{display: none}

希望有人可以补充这个答案,但目前我相信它解决了我的问题。