0

PhonegapとJQueryを使用してAndroid用のアプリを開発しています。タスクの1つは、リストにコンテンツを動的に追加することです。初めて、最初の要素を追加して.listview（）を呼び出すと、すべてが正常に見えますが、コンテンツを追加すると、そのスタイルが正しく機能せず、listview（'refresh'）やその他のコマンドが機能しません。まったく役に立たない。jquerymobile1.0a1を使用しています。2つのボタンのコードは次のとおりです。

    $("#nextDay").click(function(){ 
$("#SheduleList").append('<li><a href="#"><h3 class="ui-li-heading">ololo1</h3></a></li>');
$('#SheduleList').listview('refresh');  
});

$("#prevDay").click(function(){
$("#SheduleList").append('<li><a href="#"><h3 class="ui-li-heading">ololo</h3></a></li>');
$("#SheduleList").listview();   
});

最初のボタンは「prevButton」です。ここにいくつかのHTMLがあります：

<body onload="init();">
<div data-role="page">
<div data-role="header" data-theme="b">
<h1>Расписание группы 04-322</h1>
<h1 id=hday>День недели</h1>
</div>
<div data-role="content" data-theme="b">
<ul id="SheduleList"> 
</ul>
<button id="nextDay">Следующий день</button>
<button id="prevDay">Предыдущий день</button>
</div>
</div>
</body>
4

2 に答える 2

1

あなた一人じゃありません。
これは私にとって最もうまくいくようです：

refresh = function (selector)
{
 try
 {            
 //this may throw an exception: 
 //  call methods on listview prior to initialization; attempted to call method 'refresh'
 $(selector).listview('refresh'); 
 }
 catch (e) 
 {
 }
}

refresh("#SheduleList");
于 2012-07-16T04:58:04.183 に答える
0

HTMLで追加data-role="listview"します。<ul>

<ul id="SheduleList" data-role="listview" data-inset="true"></ul>
于 2012-08-25T20:50:54.727 に答える