Aynı sayfaya dönülürken,

Question

kaydırılıyor. Veritabanından getirilen verilerin sonuçlarını görüntülemek için oluşturulmuş dinamik bir sayfam var. Sayfa oluşturulduğunda, sonuçlar iyi görüntülenir ve farklı sonuçları görmek için yukarı/aşağı kaydırma yeteneğiniz vardır.

Ancak, sayfayı terk edip geri dönersem, artık yukarı/aşağı kaydırma yapamazsınız, böylece görünür olan düğmelere basmanız dışında, donar.

Sadece bahsetmek gerekirse, JQuery mobile kullanıyorum.

Buradaki herkes sorununuzu görebilir mi? Fonksiyon JavaScript

: -

function fetchEvent() { 
    db = window.openDatabase("SoccerEarth", "2.0", "SoccerEarthDB", 2 * 1024 * 1024); 
    db.transaction(function(tx) { 
    var TitleT = document.getElementById("texttitle").value; 
    tx.executeSql("SELECT * FROM SoccerEvents WHERE Title LIKE '%" + TitleT + "%'", [], successCBValue, errorCB); 
     }); 
function successCBValue(tx, response, page_id) { 
    var formElements = "<table id='resulttable' data-role='table' data-mode='reflow' class='ui-responsive table-stroke table-stripe'><thead><tr><th>Title</th><th>Location</th><th>NoPeople</th><th>Date</th><th>Description</th></tr></thead><tbody>"; 
    for (var i = 0; i < response.rows.length; i++) { 
    formElements += "<tr><td>" + response.rows.item(i).Title + "</td><td>" + response.rows.item(i).Location +"</td><td>" + response.rows.item(i).NoPeople + "</td><td>" + response.rows.item(i).Date +"</td><td>" + response.rows.item(i).Description + "<button data-rowtitle='" + response.rows.item(i).Title + "' data-mini='true' class='btnJoin'>Join</button></td></tr>"; 
     } 
    formElements+="</tbody></table>"; 
    $('#page_body').append('<div data-role="page" data-theme="d" id="' + page_id + '"><div data-role="content">' + formElements + '<a href="#page4" data-role="button" data-mini="true">Return</a></div></div>'); 
    $.mobile.initializePage(); 
    $.mobile.changePage("#" + page_id); 
    $(document).on("click", ".btnJoin", function(e){ 
     var title = $(this).data("rowtitle"); 
     updateEvent(title) 
    }); 
    } 
} 

function updateEvent(title) { 
     db = window.openDatabase("SoccerEarth", "2.0", "SoccerEarthDB", 2 * 1024 * 1024); 
     db.transaction(function(tx) { 
     tx.executeSql("Update soccerevents SET NoPeople = NoPeople +1 WHERE Title = '" + title + "'", [], successJoin,errorCB); 
       }); 
     function successJoin() { 
     navigator.notification.alert("You have joined the event!", null, "Information", "ok"); 
     $(":mobile-pagecontainer").pagecontainer("change", "#page4"); 
                       } 
} 

Answer 1

ben hiç jQuery mobil bilmiyorum ama bu çizgi olarak görünüyor suçlu:

$.mobile.changePage("#" + page_id); 

i okumak gibi - Değiştirmek zaman Bu sayfaya bu bağlantıyı ekler ve bu konuma geri döner. Neden kaydırma yapamayacağınız konusunda bir fikriniz yok - ama araştırmaya başlamak için bir yer olabilir.