Question

我想知道我需要使用javascript或jquery函数来获取使用jqtouch的ajax加载微调器。

我在页面上有一个搜索按钮，点击后会提交到一个处理搜索结果的php文件，然后逐行回显结果hthml jqtouch自动放入一个新div的div（这是我的第一个jqtouch应用程序，但这似乎很标准，新的'pages'只是html中的新div）。

我必须在搜索按钮上单击以触发javascript，因为'live'和类似的jquery函数不会在我正在测试的iphone上。 Onclick II知道调用一个函数来“显示”页面上的加载div并在我得到一个desponse时隐藏它然后我迷失了如何检测到php文件已经完成处理页面结果，因为我不知道如何jqtouch告诉你。

修改

function popup(){
    $('#popup').ajaxStart(function(){
        $(this).show();
        });

    $('#popup').ajaxComplete(function(){
        $(this).hide();
        });     

    }

这适用于计算机，但有一个错误，如我在下面对bohzo的回复中所解释的，我如何让它在iphone上运行？它在函数内，因为我的jqtouch实现中需要onclick动作。

Answer 1

这适用于我的应用程序。

    function SubmitSearch()
    {
      $("#loading_gif").show();
      $.post('url to the php file', {var1: searchkey}, function(data) {
        $("#loading_gif").hide();

        //do something with returned data
        alert(data);
       });
    }

你可以在php文件中捕获搜索键为$ key = $ _POST [var1]; 希望这会有所帮助。

Answer 2

您可以使用.ajaxStart(..)和.ajaxComplete(..)

Answer 3

这适用于使用Zepto的jQTouch（尚未经过jQuery测试）。

CSS：

div#jqt #loading {
  background: rgba(0,0,0,0.5) url('../images/scanner/loading.gif') 50% 50% no-repeat;
  z-index: 999;
  position: fixed;
}

JS：

$(document).on('ajaxStart', function(){
    $('#loading').addClass('current');
});

$(document).on('ajaxStop', function(){
    $('#loading').removeClass('current');
});

使用jqtouch实现ajax加载微调器

3 个答案: