1

jQuery Mobile (jQm) でリストビュー (折りたたみ可能なセット) を分割しました。こちらの JSfiddle で見ることができます。

分割アイコンをチェックボックスとして機能させたい。アイコンにはデフォルトがあるため灰色であり、クリックするとアイコンを変更しdata-theme="c"たいので、アイコンの色は青色に変更する必要があります。data-themeb

私は変更するためにさまざまな解決策を試しましたdata-themeが、いくつかの多かれ少なかれ(多かれ少なかれ)有効な解決策を見つけました。最良の方法は単純な jQm コードです $(this).buttonMarkup({theme: 'b'});が、この方法でデータ テーマを変更してもアイコンの色は変わりませんが、前述の JSfiddle で試すことができるように、背景の色のみが変更されます。

通常data-theme、分割リストビューではアイコンのみに影響しますが、このように変更するとアイコンの背景に影響します。背景ではなくアイコンのみを変更したいのですが、その方法が見つかりません。おそらく間違ったセレクターか、何らかのバグです。

どう思いますか?

4

1 に答える 1

4

以下をコードに追加します。

デモ

$(this).find('span.ui-btn').buttonMarkup({
   theme: 'b'
});

$(this).find('span.ui-btn').buttonMarkup({
   theme: 'c'
});

span.ui-btnアイコンとそのスタイルを保持します。

于 2013-08-28T11:44:04.990 に答える