なぜ私のミニボタンはjQuery Mobileの私のリストビューでとても大きいのですか？

Question

jQuery Mobileのリストビューに削除ボタンがあります。

<ul data-role='listview' class='animalList'> 
    <li data-animal-prey-id='50'>Elephant<a data-role='button' data-icon='delete' data-iconpos='notext'>Delete</a></li> 
    <li data-animal-prey-id='50'>Rhino<a data-role='button' data-icon='delete' data-iconpos='notext'>Delete</a></li> 
    <li data-animal-prey-id='50'>Ostrich<a data-role='button' data-icon='delete' data-iconpos='notext'>Delete</a></li> 
</ul>​ 

なぜ削除ボタンが非常に表示されるのですか？私は彼らに動物の名前の右にある小さなボタンにして欲しい。

ここが私の言いたいことです。 http://jsfiddle.net/z2nFK/

Answer 1

あなたのフィドルを設定する方法にはいくつかの問題があります。

1. あなたのcssではJQMバージョン1.1を使用していますが、jsではJQMバージョン1.0.1を使用しています。
2. また、JQM 1.0.1はJQuery 1.7.2と互換性がなく、既知の問題がいくつかあります。
3. リストビューが正しくフォーマットされていません。

これはすべてこの問題の修正例です。 http://jsfiddle.net/codaniel/47SvT/1/トップのフォークボタンを押すだけで、このフィドルの独自のバージョンを作成できます。

デフォルトリストの代わりに分割リ​​ストビューを使用しています。私はこれがあなたの状況に適していると信じています。また、動物と削除の両方が<a>タグ内にラップされていることにも注意してください。私はこれが助けて欲しい！