jquery-mobile - jquery モバイルに動的詳細ビューを実装する

Question

複数のアイテムを含むリストビューがあるので、各アイテムをクリックすると詳細ページに移動しますが、詳細ビューに動的コンテンツを入力するにはどうすればよいですか? 具体的には、クリックされた項目の内部 HTML であるキーを取得するにはどうすればよいですか?また、動的コンテンツをクエリするときに、それらを詳細ビューに表示するにはどうすればよいでしょうか? 私が試した方法には次のようなものがあります。2) 詳細ビュー ページで pagebeforeshow を使用してライブ イベントを実行しようとしましたが、どちらもトリガーされません。助けてください。

Answer 1

これを行うには多くのアプローチがあります。これがあなたを助けるかもしれない1つの考えです：

listviewで、リストアイテム内の各ハイパーリンクのデータIDを指定します。定義は次のようになります。

<li><a data-id="some-identifier">My Title</a></li>

リスト内のすべてのアイテムについて<li>、シングルクリックハンドラーがあります。これは、を使用しdata-idて詳細ページを初期化します。クリックハンドラーは次のようになります（これがデータ不足の場合は申し訳ありませんが、最近jQuery Mobileを使用していないため、更新されたより良いアプローチがある可能性があります）。

$('#my-listview-id').delegate('a', 'vclick', function () {
     alert ('user selected something: ' +  $(this).attr('data-id'));
});

アラートには、ユーザーが選択したIDが表示されます。したがって、クリックハンドラーで、詳細ページを更新できます。