list view is not loading at initial in jQuery mobile/phonegap

Question

I am trying to make the list. it doesn't appear when I open this page. the list appears after I refresh the opened page Script to :

$(document).ready(function()
{

    var url="/appSample/getgroups.php";
    $.getJSON(url,function(result){
        console.log(result);
        $.each(result, function(i, field){
            var groupId=field.groupId;
            var groupName=field.groupName;
            var createdON=field.createdON;

            $("#listview").append("<a class='item' href='triplist.html'><h3>"+ groupName + " </h3><p>"+ createdON +"</p></a>");

        });
        $('#listview').listview('refresh');
    });
});

HTML:

<ul class="list" id="listview"></ul>

you need to use `deviceready` http://stackoverflow.com/questions/12576062/jquery-document-ready-vs-phonegap-deviceready — chiliNUT, Jun 04 '16 at 19:58

score 0 · Answer 1 · answered Jun 04 '16 at 20:11

0

Did you try using

$(window).bind("load", function()

instead of:

$(document).ready(function() ?

answered Jun 04 '16 at 20:11

TechShaman

7
1
3

can you please tell me the value of *console.log(result)*? – TechShaman Jun 04 '16 at 20:41
there is a bunch of errors says: uncaught module cordava-plugin-* – ImR Jun 04 '16 at 20:56

list view is not loading at initial in jQuery mobile/phonegap

1 Answers1