jquery-mobile - JQMのcontrollgroupでアクティブなボタンのテーマを変更するには?

Question

でクリックしたボタンのテーマを変更する必要がありますjQuery Mobile Controlgroup。APIでbuttonMarkup、テーマを変更するメソッドを見つけましたが、カーソルがボタン上にあるまでのみです。

ここに例がありますhttp://jsfiddle.net/nonamez/25ssy/

Answer 1

以下の解決策のいずれかを選択します。

button最初のものは、タグを使用する代わりにawith を使用しdata-role=buttonます。

<a data-role="button" href="#" data-theme="d">On duty</a>

デモ

$('a').on('click', function () {
  $(this).buttonMarkup({
    theme: 'b'
  });
});

button2 つ目は、 を使用して をラップする div に新しいテーマを適用する必要があります.closest('div')。

デモ

$('button').on('click', function () {
  $(this).closest('div').buttonMarkup({
    theme: 'b'
  });
});