3

ローカル データベースからデータを取得し、jquery を使用してリストに表示しましたが、各項目をクリックすると別のビューに動的に移動する必要があることを知りたいです。

$('#Allwordslist').append('<li><a href="#"><h3 class="ui-li-heading">'+row['Word']+'</h3><p class="ui-li-desc">'+row['Type_Of_Word']+'</p></a></li>');
4

1 に答える 1

0

jQuery モバイルを使用している場合は、Dynamically injecting pagesを参照してください。簡単に言うと、jQuery モバイルは、リンクのクリック イベントをハイジャックすることでページ ナビゲーションを処理します。したがって、jQuery がページ ナビゲーションを処理できるようにする明白な方法が 1 つあります。

に入れ<a href="page/to/go">ますli。次に、jQuery がそれをナビゲートします。当然、 はpage/to/goに注入されているはずDOMです。

これを行う別の方法もあります。jQuery モバイルは、$.mobile.changePageビューをナビゲートできるようにする API を提供します。

function buildData(){
    //build *li*s based on your local data
    ...
    $('all lis').each(function(){
        $(this).click(function(){
            $.mobile.changePage(xxx, xxx);
        }
    });
}

ドキュメントには、ページを動的に挿入する方法を示すサンプル コードもあります。よく読んでください。

生の HTML ページを使用している場合は<a href="next/page/you/go">、 の代わりに ,のみを使用する必要があり<a href="#">ます。したがって、このアンカーをクリックすると、WebViewそのページが読み込まれます。

于 2012-07-28T12:10:27.167 に答える