jquery - データベースからコンテンツをフェッチした後、jquery モバイルで折りたたみ可能な動的コンテンツを作成するにはどうすればよいですか?

Question

データベースにいくつかの値があります。それに基づいて折りたたみ可能なリスト ビューを作成したいのですが、すべての CSS プロパティを追加してリスト ビューを作成するにはどうすればよいですか? 私の疑問に親切に答えてください。

Answer 1

あなたの実装のもう少し詳細は良いボーナスかもしれません:)

しかし、私があなたを正しく理解していれば、jQuery Mobileのドキュメントに基づいて次のように行うことができます：http：
//jquerymobile.com/demos/1.2.0/docs/lists/docs-lists.html

// This is your HTML list
<ul data-role="listview">
    <li><a href="acura.html">Acura</a></li>
    <li><a href="audi.html">Audi</a></li>
    <li><a href="bmw.html">BMW</a></li>
</ul>

// This is where you fetch data from database and add them to list
function addToList (listId) {
    var list = document.getElementById(listId);

    // Iterate over items found in database here and add them to DOM
    for ( var i = 0 ; i < dataSource.length ; i += 1 ) {
        liElem = document.createElement('li');
        liElem.textContent = dataSource[i];
        list.appendChild(liElem);
    }
    // Refresh the list
    $(list).listview('refresh');
}

簡単なデモ： http：
//jsfiddle.net/dR7fx/1/