0

JQM でのリストの更新に問題があります。index.html と詳細ページの 2 つのページがあります。最初のページでは、Ajax を使用してリモートの .php ファイルから結果を取得します。ここではすべてがスムーズに機能します。このページには、次のものもあります。

<a href="plumberdetails.html" data-transition="pop" > . . . </a>

2 ページ目にリダイレクトすると、リストが正しく更新されません。また、2 ページ目の情報はリモートの .php ファイルから入力されていると言わざるを得ません。しかし、2 ページ目を更新すると、情報が完全に表示されます。data-rel = externalそして、最初のページに入力すると、すべてが正常になることに気付きました。2 つのページ間のトランジション効果がなくなるため、これは使用したくありません。私もAjaxリクエストで試してみ$('#ul_ID').listview('refresh');まし$('#ul_ID').trigger('create');たが、まだうまくいきません。

お役に立てれば幸いです。ありがとうございました、

最初のページの外部 .js:

    $.ajax({
    url: URL + 'getplumbers.php',
    dataType: 'jsonp',
    jsonp: 'jsoncallback',
    timeout: 5000,
    success: function(data, status){
        $.each(data, function(i,item){ 
            $('#output').append('<li><a href="plumberdetails.html">' +
                '<h4 style="color:#DC143C">' + item.name + '</h4>' +
                '<p style="color:#6B8E23">' + item.address + '</p>' +
                '<span class="ui-li-count">' + item.city + '</span></a></li>');
            $('#output').listview('refresh');
        });
    },
    error: function(){
       output.text('There was an error loading the data.');
    }
});

2 ページ目の .js は次のようになります。

    $.ajax({
    url: 'http://plumberin.cu.cc/services/getplumber.php',
    dataType: 'jsonp',
    jsonp: 'jsoncallback',
    timeout: 5000,      
    success: function(data, status){
            $('#output2').append('<li><h4 style="color:#DC143C">' + data.name + '</h4>' +
                '<p style="color:#6B8E23">' + data.address + '</p>' +
                '<span class="ui-li-count">' + data.city + '</span></a></li>')
            $('#output2').listview('refresh');

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

0 に答える 0