jQuery UI

CSSクラスの設定例●selectableが無効であることを示す

 $('ul#webtech').selectable();
 $('ul#webtech').selectable("disable");

CSS設定

.ui-selectable {border:1px solid #000;}
.ui-selectee {border:2px dashed #f00;}
.ui-selecting {background-color:#cf9;}
.ui-selected {background-color:#cf9;color:red;}
.ui-unselecting {background-color:#9cf;}
.ui-selectable-disabled {color:#ccc;}
.selectable("disable")が後で実行されると.selectable()で実行された分が薄くなって選択操作できなくなる


実行例　

html
<ul id="webtech">
  <li>HTML</li>
  <li>CSS</li>
  <li>javaScript</li>
  <li>jQuery</li>
  <li>Wevサーバー</li>
</ul>

L