如何在jQuery Mobile多選框中設置「選項」的樣式

Question

我已經添加了Close作爲選項，然後我想觸發它​​以關閉對話框（如果單擊）。另外，我想爲類「ui-icon ui-icon-checkbox-off ui-icon-shadow」設置「display：none」，使它看起來像一個按鈕。

有什麼建議嗎？

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/