jquery - Jquery 移动加载微调器不工作，永远不会消失

Question

我的 jquery mobile 有问题。加载微调器不工作，并且持有它的方块永远不会消失。所以页面中间总是有一个空框。即使在页面完成加载之后。

广场的班级是(ui-loader ui-corner-all ui-body-a ui-loader-default) ，这里是div

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

这些是我使用的 css/js 文件，我没有在其中写任何内容，它们都是生成的。

<link rel="stylesheet" href="mob_css/jquery.mobile-1.3.0.min.css" /> <--mobile css-->
<link rel="stylesheet" href="mob_css/alumni.css" /><--my theme css-->
<link rel="stylesheet" href="mob_css/jquery.mobile.custom.structure.min.css" /><--no idea-->
<!--<link rel="stylesheet" href="mob_css/jquery.mobile.custom.theme.min.css" />--><--no idea-->
<!--<link rel="stylesheet" href="my.css" />--><--empty css-->
<script src="js/jquery-1.8.3.min.js"></script><--jquery-->
<script src="js/jquery.mobile-1.3.0.min.js"></script><--mobile jquery-->
<script src="js/jquery.mobile.custom.min.js"></script><--no idea-->

Answer 1

$.mobile.loading("hide")setInterval有时必须配合使用。它不在 API 中，但它可以工作。尝试这个。

var interval = setInterval(function () {
            $.mobile.loading('hide');
            clearInterval(interval);
        }, 1);

Answer 2

这对我有用

$(".ui-loader").hide();

Answer 3

尝试这个：-

function loading(showOrHide) {
   setTimeout(function(){
    $.mobile.loading(showOrHide);
  }, 1000);//make 1 second interval 
}

从某个地方打电话：-

loading('show');
//do some stuff
loading('hide');

Answer 4

您需要告诉 jQuery 何时显示/隐藏加载器。我使用这样的全局加载小部件

$( document ).bind( 'mobileinit', function(){
  $.mobile.loader.prototype.options.text = "loading";
  $.mobile.loader.prototype.options.textVisible = false;
  $.mobile.loader.prototype.options.theme = "a";
  $.mobile.loader.prototype.options.html = "";
});

然后你可以像这样展示它

$.mobile.loading("show");

并像这样隐藏它

$.mobile.loading("hide");

Answer 5

试试这个... $.mobile.showPageLoadingMsg("show", "Loading..."); 或者

$.mobile.showPageLoadingMsg("show", "正在加载主题...");