私はJSONによって生成されたリストビューを持っていますが、すべてのリスト項目要素を保持するdivタグを動的に作成する方法はわかりません。 CSSの書式設定がないリストのように見えます。私は何が間違っているのか分からない。これは問題のページです:http://mbeta.calvaryccm.com/#teachingsこれは私のようにしたいです:http://mbeta.calvaryccm.com/私はそれが私がそれを必要とすることを示すために私のlistviewをどのようにフォーマットするのか分かりません。jQuery Mobile JSONフォーマット
0
A
答えて
3
に動的に新しいul要素を作成します。
$('#mylist').listview();
// or if you already have a listview that you are appending to
$('#mylist').listview('refresh');
はでCalling the listview pluginを参照してください。ページの下部。
0
さて、私はここで全体のコードを書くことはできませんが、私はあなたがこのような何かを書く必要があると確信しています: "ATTR(
// i assume your JSON response is stored in data object
// following is the loop which reads the data object ,gets the value and append it to the `<li>` of `<ul>`
VARリスト= $(") "ID"、」リスト"); //あなたが動的に(AJAX経由)コンテンツを追加している場合は、リストビューを初期化するか、リフレッシュする必要がありますjqueryの
for(var i=0;i<data.length;i++)
{
var li=$("<li/>").html(data[i].name); // get the value of name in JSON and put it in newly created li ,(getting value will depend on your json string format)
$("#list").append(li); //append li to ul of id list
}
$(body).append(list); // append the list to anywhere you want, i am appending it to body.
関連する問題
- 1. jquery mobile json filter?
- 2. JQuery Mobile JSON Stringify
- 3. jquery mobile javascript json key
- 4. jQuery Mobileのダイナミックリンクがフォーマットを失う
- 5. jQuery MobileのWordpress JSONのニュースページ
- 6. jQuery DataTables Ajax GET jsonフォーマット
- 7. JQuery Mobileウィジェットは動的コンテンツの再フォーマット時にフォーマットされません
- 8. jQuery MobileチェックボックスCSS
- 9. PhoneGap + jQuery Mobile + cakePHP
- 10. jQuery mobile with ajax
- 11. JQuery MobileリロードListview/html
- 12. jQuery Mobile&TouchSwipe jQueryプラグインエラー
- 13. ルビー - JSONフォーマット
- 14. JavaのJSONフォーマット
- 15. JSONフォーマット
- 16. フォーマットJSON
- 17. jQuery Mobile + Admob:rotation?
- 18. jQuery Mobile with ZendFramework
- 19. Jquery mobile animations
- 20. jQuery Mobile + Twitter oAuth
- 21. Jquery mobile styling issue
- 22. jQuery mobile/uiシンプルインポート
- 23. jQuery Mobileのメニューグリッド
- 24. Googleマップ - jQuery Mobile
- 25. JQuery Mobile Mysqlデータベースフィルタシステム
- 26. jquery mobile + phonegap onclick
- 27. jquery mobile data-icon
- 28. jquery mobileチェックボックス
- 29. JQuery-mobile検証!
- 30. Jquery Mobile - プレスイベントで?
これは機能しました。ご協力ありがとうございました! –