2

オプションとして閉じるを追加しました。クリックすると、ダイアログを閉じるようにトリガーしたいと思います。さらに、クラス「ui-icon ui-icon-checkbox-off ui-icon-shadow」のスパンに「display: none」を設定して、ボタンのように見せたいと思います。

何かアドバイス？

http://jsfiddle.net/N5r4A/

4

1 に答える 1

0

チェックボックスを非表示にするには:

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

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

オプションの 1 つを選択してダイアログを閉じるには、次のようにします。選択タグから multiple="multiple" 属性を削除する必要があります...つまり、変更します

<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/

于 2012-06-06T20:16:15.277 に答える