ajax + jquery mobileを使用したhtml要素の追加

all。私はajaxとjquery-mobileの読み込みの質問があります。ajax + jquery mobileを使用したhtml要素の追加

api = 
    update: -> 
    console.log "updated" 
    $.ajax 
     dataType: "jsonp" 
     url: "http://localhost:3004/videos.json" 
     success: (data) => 
     if data 
      data.forEach (elem) => 
      video_id = elem.video_id 
      embed_id = elem._id 
      $("#play_list").append " 
      <ul data-role='listview' data-theme='a'> 
       <li>hello</li> 
       </ul> 
      " 
    t = api.update()

そして、このコードをhtmlファイルに挿入しようとしています。

<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"/> 
    <link href="bootstrap/css/bootstrap.responsive.css" rel="stylesheet"/> 
    <body> 
    <div id="play_list"></div> 
    </body> 
<script> 
head.js(
"lib/jquery.js", 
"lib/jquery.mobile-1.0.1.min.js", 
"http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.1.6/underscore-min.js", 
"http://cdnjs.cloudflare.com/ajax/libs/json2/20110223/json2.js", 
"http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.1/backbone-min.js", 
    "app.js" 
); 
</script> 
</html>

出力されたHTMLコード

<ul data-role='listview' data-theme='a'> 
<li>hello</li> 
</ul>

である。しかし、それはjqueryの - モバイルスタイルでフォーマットされていません。通常のHTML形式で出力します。次の画像のように出力したいhttp://brooky.cc/wp-content/uploads/2011/04/list_view1.png

助けてください。

ありがとうございます。 fine manualから

出典

2012-03-16 nobinobiru

：

$('#mylist').listview();

：あなたは直接だけで任意のjQueryプラグインのように、任意のセレクタのリストビュープラグインを呼び出すことができ、リストビュープラグイン

を呼び出す

ライブラリは、リスト内のすべてのリストで自動的にlistview()を呼び出します。ページには、物事が起動したときに、私の知る限り、それは基本的にこれはない：あなたは、新しいリストを追加した場合

$('[data-role=listview]').listview();

、あなただけの.listview()に必要なこと：

success: (data) => if data data.forEach (elem) => video_id = elem.video_id embed_id = elem._id ul = $(" <ul data-role='listview' data-theme='a'> <li>hello</li> </ul> ") $("#play_list").append ul ul.listview()

デモ：http://jsfiddle.net/ambiguous/pMF4G/

あなたができました一度にすべて追加する：

success: (data) => if data uls = $() data.forEach (elem) => video_id = elem.video_id embed_id = elem._id uls = uls.push(" <ul data-role='listview' data-theme='a'> <li>hello</li> </ul> ") $("#play_list").append uls uls.listview()

デモ：http://jsfiddle.net/ambiguous/BdqeC/

出典

2012-03-16 02:49:32

ありがとうございます！それは働く。 :) – nobinobiru

ajax + jquery mobileを使用したhtml要素の追加

答えて

関連する問題