在Android

时间:2016-02-24 19:06:28

标签: android ajax cordova jquery-mobile

我已经建立了phonegap应用程序,我是phonegap和jquery mobile的新手。当我点击浏览器中的附加元素时,它运行良好但是当我在Android上运行时,响应速度很慢。 这是我的功能代码

function LoadAcara()
{
    $.ajax({
        url: host+'/skripsi3/phpmobile/viewacara.php',
        data: { "id": user},
        dataType: 'json',
        success: function(data, status){

            $.each(data, function(i,item){

            if(item.cekfol=="ya")
            {
                if (first)
                {   
                        if (arrID.indexOf(item.idacara)<0)
                        {   

                            $('#daftaracara').append('<li><img id="gambar" onclick="detailAcara('+item.idacara+')" src="web/'+item.gambar+'" alt=""><h2>'+item.nama+'</h2>'+'<p style="font-size:15px; color:#333366;">Tanggal : '+item.tanggal+'</p><p style="font-size:14px; color:#00F;">Lokasi : '+item.lokasi+'</p><a data-role="button" class=" ui-btn-b followButton" data-theme="b" onclick="simpanacara('+item.idacara+')">Following</a></li>').trigger('create'); 
                            arrID.push(item.idacara);

                        }

                    first=false;
                }
                else {
                        if (arrID.indexOf(item.idacara)<0)
                        {
                            $('#daftaracara').prepend('<li><img id="gambar" onclick="detailAcara('+item.idacara+')" src="web/'+item.gambar+'" alt=""><h2>'+item.nama+'</h2>'+'<p style="font-size:15px; color:#333366;">Tanggal : '+item.tanggal+'</p><p style="font-size:14px; color:#00F;">Lokasi : '+item.lokasi+'</p><a data-role="button" class=" ui-btn-b followButton" data-theme="b" onclick="simpanacara('+item.idacara+')">Following</a></li>').trigger('create');    
                            arrID.push(item.idacara);
                        }
                }
                $('ul').collapsibleset();
            }
            else if(item.cekfol=="tidak")
            {
                if (first)
                {

                        if (arrID.indexOf(item.idacara)<0)
                        {   

                            $('#daftaracara').append('<li><img id="gambar" onclick="detailAcara('+item.idacara+')" src="web/'+item.gambar+'" alt=""><h2>'+item.nama+'</h2>'+'<p style="font-size:15px; color:#333366;">Tanggal : '+item.tanggal+'</p><p style="font-size:14px; color:#00F;">Lokasi : '+item.lokasi+'</p><a data-role="button" class=" ui-btn-b followButton" data-theme="b" onclick="simpanacara('+item.idacara+')">Follow</a></li>').trigger('create');    
                            arrID.push(item.idacara);

                        }

                    first=false;
                }
                else {
                        if (arrID.indexOf(item.idacara)<0)
                        {
                            $('#daftaracara').prepend('<li><img id="gambar" onclick="detailAcara('+item.idacara+')" onclick="detailAcara('+item.idacara+')" src="web/'+item.gambar+'" alt=""><h2>'+item.nama+'</h2>'+'<p style="font-size:15px; color:#333366;">Tanggal : '+item.tanggal+'</p><p style="font-size:14px; color:#00F;">Lokasi : '+item.lokasi+'</p><a data-role="button" class=" ui-btn-b followButton" data-theme="b" onclick="simpanacara('+item.idacara+')">Follow</a></li>').trigger('create');   
                            arrID.push(item.idacara);
                        }
                }
                $('ul').collapsibleset();
            }

            });

        },
        error: function(){
            //output.text('There was an error loading the data.');
        }
    })

}

这适用于调用函数LoadAcara()

$( document ).ready(function() {
     LoadAcara();
     setInterval(function () {LoadAcara(), 1000});
});

2 个答案:

答案 0 :(得分:0)

在onDeviceReady()下调用你的函数,如下所示:

function onDeviceReady() {
     LoadAcara();
     setInterval(function () {LoadAcara(), 1000});
     });
}

答案 1 :(得分:0)

使用jQuery Mobile,onclick功能对移动设备有一点延迟。

vclick事件没有延迟,如果您不想延迟尝试更改它。以下是有关vclick的文档:https://api.jquerymobile.com/vclick/