1

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/

4

1 に答える 1

3

フィドルをセットアップする方法には多くの問題があります。

  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>また、動物と削除の両方がタグ内にラップされていることに注意してください。これが役立つことを願っています！

于 2012-04-07T21:38:25.023 に答える