Как стилизовать «опцию» в jQuery Mobile multi-select box

Question

Я добавил Close как опцию, затем я хотел бы вызвать его, чтобы закрыть диалоговое окно, если щелкнуть. Кроме того, я хотел бы установить «display: none» для span с классом «ui-icon ui-icon-checkbox-off ui-icon-shadow», чтобы он выглядел как кнопка.

Любые советы?

http://jsfiddle.net/N5r4A/

Answer 1

Чтобы скрыть Флажки:

#select-choice-0-menu span.ui-icon { 
    display: none; 
}​ 

http://jsfiddle.net/nirmaljpatel/N5r4A/7/

Чтобы закрыть диалог о выборе одного из вариантов; Вы должны удалить несколько = «несколько» ATTRIB от вашего выбора тега ... т.е. изменить

<select name="select-choice-0" id="select-choice-0" multiple="multiple" data-native-menu="false"> 

в

<select name="select-choice-0" id="select-choice-0" data-native-menu="false"> 

На множественного выбора списка; следующий закроет диалог открытия, когда будет нажата опция «Закрыть».

$(function() { 
    $('#select-choice-0').bind('change', function() { 
     console.log('change in select', this); 
     for (var i = 0; i < this.options.length; i++) { 
      if (this.options[i].selected) { 
       if(this.options[i].value == 'closeMe'){         
        console.log('...closing Dialog'); 
        $('.ui-dialog').dialog('close'); 
       } 
      } 
     } 
    }); 
});​ 

Обновлено jsfiddle: http://jsfiddle.net/N5r4A/10/