2

私はjqueryモバイルに取り組んでいます。現在、jquery.mobile.1.0.1 バージョンの js と css を使用しています。次のようなデータが事前に入力されたjqueryモバイルリストビューがあります。

<ul id="ulstorelist" data-role="listview" data-theme="d" data-divider-theme="d">
<li>Items ToDay</li>
.
.
<li>Item Week</li>
.
.
<li>Item month</li>
.
.
<li>Item 4</li>
.
.
</ul>

ユーザーが今日、今週、月などでフィルタリングできるように、さまざまな検索基準で上記のリストビューをフィルタリングする必要があるため、jquery ajax呼び出しを使用してアクション(MVC)からデータを取得し、リストを生成してから次のように、親ulリストビューに追加します

    $(document).ready(function () {
        $('#btnToday').click(function () {
            $.ajax({
                url: '/FieldVisit/GetTodaystores',
                data: {},
                type: 'get',
                success: function (data) {

                    $.each(data, function (k, v) {

                        var g = "<li <a href='#'>>" +
                                "<h3>" + v.CompanyName + "</h3>" +
                                "</a></li>";
                        $("#ulstorelist").append(g);
                        $("#ulstorelist").listview('refresh');
                        $("#ulstorelist").trigger('create');
                    });
                }
            });
        });
});

しかし、jquery モバイル スタイルはすべて消えてしまいます。しかし、インラインスタイルをliに書くとうまくいきますが、jqueryモバイルスタイルが必要です。リストビュー項目を動的に生成するときに jquery モバイル スタイルを保持する方法。私を導いてください。

4

2 に答える 2

0

これはあなたの問題かもしれません：

var g = "<li <a href='#'>>" +

...おそらく次のようになります。

var g = "<li><a href='#'>" +

無効な HTML があらゆる種類のレイアウトの問題を引き起こすことは珍しくありません。

于 2013-02-09T02:44:01.400 に答える
0

$("#ulstorelist").listview('refresh'); を呼び出してみてください。$each ループの後。create をトリガーする前にそれを呼び出すことが問題になるかどうかはわかりません。

于 2013-02-09T04:49:45.107 に答える