1

私は現在モバイルアプリに取り組んでおり、jQueryMobileを使用しています。このアプリは基本的に商品の検索エンジンです。

現在、製品を検索する場合、スクリプトは検索フィールドに送信されたものを処理し、関連する製品を検索します。結果は、AJAXを介してロードされたJSONファイルから取得されます。これは問題なく動作します。

私が抱えている問題は、「1つ」を検索してから、検索フィールドに戻ってもう一度検索する場合です。何か他のものを探したら。最初の検索の結果は、新しい検索結果とともに、まだ結果ページにあります。これは明らかに問題です。

アプリの「戻る」ボタンをクリックした後、AJAXデータをクリアするにはどうすればよいですか？そうすれば、「1つ」を検索したら、戻って「2つ」を検索します。最近の検索結果のみが表示されます。

前もって感謝します！

4

1 に答える 1

0

前のページに戻ったら、リストビューのコンテンツが空かどうかを確認する必要があります。そうでない場合は、空にします。

簡単な例を作成しました：http://jsfiddle.net/Gajotres/bTgth/、この例を開くと、ページバックアクションのように機能するとしましょう。

ID インデックスを持つページが開くと、リストにコンテンツがあるかどうかを確認します。これが true の場合は空です。

$(document).on('pagebeforeshow', '#index', function(){       
    if($('#custom-list li').length > 0){
        $('#custom-list').empty();
    }
});
于 2013-02-22T14:51:34.757 に答える