1

ダミーアプリケーションで国検索を実装しようとしています。最初はホームページでリストビューを使用していますが、正しく表示されています。しかし、同じリストビュー、ajaxを使用して表示している場合、リストビューのコンテンツは表示されますが、cssはこれに適用されません。

以下のリンクをクリックして、ダミーアプリケーションをご覧ください：http： //questoons.com/vkwave/sof/ajaxrequest/

ダミーアプリでは、最初はリストビューが正しく表示されますが、[Call Ajax and Populate Country List]をクリックすると、以下のようにajaxを使用してリストデータ全体を送信します。

<ul data-role="listview" data-filter="true" data-filter-placeholder="Search Country/Group..." data-filter-theme="d" data-theme="d" data-divider-theme="b">
                    <li data-role="list-divider">A</li>
                    <li data-icon="false"><a href="#"  >Afghanistan</a></li>
                    <li data-icon="false"><a href="#"  >Argentina</a></li>
                    <li data-icon="false"><a href="#"  >Australia</a></li>
                    <li data-icon="false"><a href="#"  >Austria</a></li>
                    <li data-role="list-divider">B</li>
                    <li data-icon="false"><a href="#"  >Bahamas, The</a></li>
                    <li data-icon="false"><a href="#"  >Bahrain</a></li>
                </ul>

ただし、ajax応答リストではcssは適用されません。私が間違っているところを教えてください。

私は通常のjqueryajaxを使用しています。

4

1 に答える 1

4

最初の読み込みでは、Html は次のとおりです。

<ul data-divider-theme="b" data-theme="d" data-filter-theme="d" data-filter-placeholder="Search Country/Group..." data-filter="true" data-role="listview"
    class="ui-listview">
    <li data-role="list-divider" role="heading" class="ui-li ui-li-divider ui-bar-b">
        A
    </li>
    <li data-icon="false" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-iconpos="right" data-theme="d"
        class="ui-btn ui-btn-icon-right ui-li ui-btn-up-d">
        <div class="ui-btn-inner ui-li">
            <div class="ui-btn-text">
                <a href="#" class="ui-link-inherit">Afghanistan</a></div>
        </div>
    </li>
</ul>

ul、li、およびその他の html 要素には、いくつかのクラスがあります。しかし、ajax応答では、このクラスがありません。CSS クラスを ajax レスポンスに追加します。

例えば ​​：

<ul class="ui-listview" ...
    <li class="ui-btn ui-btn-icon-right ui-li ui-btn-up-d" ...
于 2012-06-13T08:23:23.870 に答える