JQuery-UI получение выбранного в кнопке (флажок) - Firefox проблема

Question

Можно получить «выбранные» кнопки в сборке набора кнопок jquery ui с флажками (чтобы разрешить множественный выбор) с помощью:

$('#format').buttonset();

$('#format').click(function() {
  var text = "";
  $('#format').find('label[aria-pressed|="true"]').each(function() {
      text += $(this).attr("for") + "-";
  });
  $('#selected').html(text); 
});

Это нормально работает в Chrome, IE, Safari, но в Firefox отмеченный флажок не учитывается. Вы можете проверить это в jsFiddle .

Answer 1

Попробуйте:

$('label.ui-state-active')

Смотрите мой обновленный jsFiddle http://jsfiddle.net/qLWNd/

Answer 2

К вашему сведению, от jquery-ui 1.10.0 до 1.11.4 (самое последнее) событие click () не работает должным образом для кнопки-флажка флажков в Firefox.

Смотрите это jsFiddle http://jsfiddle.net/03ee1m60/2/

Answer 3

Попробуйте использовать функцию bind

$('#format').bind("click",function() {
  var text = "";
  $('#format').find('label[aria-pressed|="true"]').each(function() {
      text += $(this).attr("for") + "-";
  });
  $('#selected').html(text); 
});

или живой плагин от jquery