2

解決策を見つけるために最後の日を費やした後、今、私は自分のコードのエラーが何であるかを理解するために助けを求めています。次の外部 Json ファイルから開始listviewJsonData.json 

var itemList = [{"title":"Title_1","description":"Blah blah1"},{"title":"Title_2","description":"Blah blah2"}];

次のコードを使用してリストビューを更新しています。

<div id="dataList">
     <ul data-role="listview" data-inset="true">
        <script type="text/javascript">
            var serviceURL = "https://.../.../listviewJsonData.json";
            var outputitem = '';
            $.getJSON(serviceURL,function(data) {
                $.each(data, function(index,item) {
                        outputitem += '<li><h4>'+ item[index].title +'</h4></li>';
                        $('#dataList').append(outputitem);
                    }
                    $('#dataList').listview('refresh');
            }); 
        </script>
     </ul>
</div>

このコードでは更新が行われず、リストビューは空のままです。この投稿も確認しましたが、問題の解決策を見つけることができませんでした。

誰か助けてくれませんか？どうもありがとう

4

2 に答える 2

1

スクリプトはインラインであり、jQuery Mobile がマークアップをロードまたは拡張する前に実行される場合があります。pageinit イベントの一部としてスクリプトを起動して、スクリプトを呼び出してみてください。

http://jquerymobile.com/demos/1.2.0/docs/api/events.html

$( '#aboutPage' ).live( 'pageinit',function(event){
  enhanceMyDataList();
});

<li>また、アイテムをコンテナではなくコンテナに追加して<div>います<ul>。属性を移動/結合しますid。

<ul id="dataList" data-role="listview" data-inset="true">

于 2013-01-02T14:17:08.800 に答える
0

これを試して：

<div>
  <ul id="dataList" data-role="listview" data-inset="true">
  </ul>
  <script type="text/javascript">
     var serviceURL = "https://.../.../listviewJsonData.json";
     $.getJSON(serviceURL,function(data) {
       $.each(data, function(index,item) {
         $('#dataList').append('<li><h4>'+ item.title +'</h4></li>');
       });
       $('#dataList').listview('refresh');
     });
  </script>
</div>

編集： div idをulに変更し、スクリプトの構文エラーが発生しました。

于 2013-01-02T15:25:24.757 に答える