2

Apache Cordova私は現在、およびを使用する iOS Web アプリに焦点を当てていますJQuery Mobile。テーブルビューのようなスタイル ページを実装したいと考えています (これは で呼び出さlistviewれJQuery Mobileます)。私は HTML で最初のリスト ビューを実装します。別の行をクリックすると、HTML がメッセージを iOS に送信し、ネイティブ コードでリクエストを作成します。その後、成功した結果をjsに返すと、jsはテーブルビューの行をクリックして新しいページがプッシュされたように見えるリストビューを更新します.

ここでの問題は次のとおりです。

  1. クリックイベントを追加するには？
  2. クリックイベントで、どの行がクリックされたかを知るにはどうすればよいですか?
  3. JQuery Mobile を使用してリスト ビューを更新する場合、テーブルビューのようなプッシュ アニメーションはどのように実装されますか?

私は Web アプリに不慣れで、リクエスト結果を含むリストを動的に作成する実装には数時間かかります。そして、私はさらに先に進む方法を完全に知りません。

ご協力いただきありがとうございます。

4

1 に答える 1

3

I.およびII. 1 番目と 2 番目の質問の例を次に示します。

これはコード例です:

$('ul.listview-example[data-role="listview"] li').bind('click',function(event, ui){
    alert($(this).attr('id'))
});

最初のコード行は、すべてのリストビュー li 要素でクリック イベントをバインドします。$(this) は選択された li 要素です。

jQuery の never バージョンを使用している場合は、.bind( の代わりに .on( を使用します。古いバージョンでは .live( .

編集 ：

III. これで 3 番目の質問をカバーできると思います: http://jsfiddle.net/Gajotres/YShLE/

于 2012-11-28T11:05:15.423 に答える