Question

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

广场的班级是(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（＆＃34; show＆＃34;，＆＃34; Loading ...＆＃34;）;或

$ .mobile.showPageLoadingMsg（＆＃34; show＆＃34;，＆＃34;正在加载主题...＆＃34;）;

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

5 个答案: