0

jquery mobilealpha2からjquerymobilebeta1.0に切り替えました。jqueryjavascriptファイルとcssにCDNアクセスを使用しています。サーバーからデータを取得し、リスト形式で表示しています。javasriptファイルで動的にリストを作成しています。

使っていた

$('#detail').html(html);

$('#detail ul').listview();

リストを作成した後、リストを更新します。

jquery mobileのアルファバージョンではうまく機能していましたが、コードを1行も変更せずに、jquery mobileベータを使用して実行しようとすると、次のエラーが発生します。

Webページエラーの詳細

メッセージ:「0」はnullであるか、オブジェクトではありません
行:133
文字:183
コード:0
URI:http: //user.mydomain.com/scripts/jquery.mobile-1.0b1.min.js

私はcssファイルのベータ版で何か間違ったことや問題をしていますか?

編集:

ajax呼び出しを使用してjson形式(結果オブジェクトなど)でデータを取得し、次のように表示しています:

var html = "<ul id="contactDetails" data-role="listview" data-filter="false" data-inset="true">";

html += "<li data-icon='false'><Email:<a href=mailto:'"+  result.Data.email_address_1 + +"'>" + result.Data.email_address_1 + "</a></li>";

html + ='ul close tag'

$('div#page2 div#contentMain div#details ul#customerDetails').html(html)
$('div#page2 div#contentMain div#details ul').listview();

私はデータが来て正しく表示されているのを見ることができますが、スタイルはありません。

これが問題の理解に役立つことを願っています。

ラマン

4

2 に答える 2

0

あなたの例では、あなたはやっています

$('div#page2 div#contentMain div#details ul#customerDetails').html(html)
$('div#page2 div#contentMain div#details ul').listview();

ただし、idsは一意であるため、階層を定義するために複数のIDを使用する理由はありません。

使用するだけ

$('#customerDetails').html(html);
$('#details ul').listview();

また、文字列の連結を修正するようにしてください..そしてそれresult.Dataはあなたがそれが行うと思うことを含んでいます..

于 2011-07-26T10:32:41.513 に答える
0

私はこれをJqueryMobileフォーラムで確認しましたが、次の解決策が有効です。

     $('#details').html(html)
     $('#page2').page();
     $('ul#customerDetails').listview('refresh');
于 2011-07-27T09:23:42.987 に答える