1 $( document ).bind( "pagecreate", function () {
3 add_item = function () {
4 var li = '<li class="ui-li-1line-btn1" id="li' + id + '">' +
5 '<span class="ui-li-text-main">Item ' + id + '</span>' +
6 '<div data-role="button" data-inline="true" id="' + id + '">delete</div>'+
11 $("#mylist").append( li ).trigger("create");
14 $("#add").bind( "vclick", function ( e ) {
16 $("#mylist").listview("refresh");
19 $("#add2").bind( "vclick", function ( e ) {
22 for ( i = 0; i < 20; i++ ) {
26 $("#mylist").listview("refresh");
29 $("#new").bind( "vclick", function ( e ) {
30 $("#mylist").html("").trigger("create");
33 $("#mylist").listview("refresh");
36 $("#new2").bind( "vclick", function ( e ) {
39 $("#mylist").html("").trigger("create");
41 for ( i = 0; i < 20; i++ ) {
45 $("#mylist").listview("refresh");
48 $("#mylist").delegate( ".ui-btn", "vclick", function ( e ) {
49 $( "#li" + this.id ).remove();
50 $("#mylist").listview("refresh");