jquery - jQuery Mobileはリストアイテムに2つのボタンを追加します

Question

jQuery Mobile のリスト項目にボタンを追加する方法を知っている人はいますか? 以下を試しましたが、うまくいきません。

HTML

<ul id="list"></ul>

JS

$('#list').append('<li><h3>Hello</h3><a id="1" data-role="button" data-icon="check" /><a id="2" data-role="button data-icon="delete" /></li');

ajax呼び出しからデータを取得して追加しているため、コードを追加する必要があります...上記のJSコードに追加した2つのボタンも必要です。

jsFiddle の例

Answer 1

data-role="button" を使用する代わりに、次の例が要件に適しています。

<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>

http://jsfiddle.net/chamarajanaka/JLVcj/