使用可选择的 jquery 更改背景颜色

Question

我使用可排序和可选择的 jquery 在表之间移动项目。移动项目按预期工作。但是，我希望在选择项目时有不同的背景颜色，但它没有用。我正在寻找网络，但仍然不知道如何修复它。有人会告诉我。提前致谢。

有html:

<span>
   <ul id="div_3" class="clsDiv ulClass ui-sortable ui-selectable">
     <li class="ui-state-default ui-sortable-handle ui-selectee" name="92">Ben</li>
     <li class="ui-state-default ui-sortable-handle ui-selectee" name="108">Owen</li>
   </ul>

有我的剧本

<script>
 $(function() {
   // Make the list selectable
   $('.ulClass').selectable({
   selected: function(event, ui) {
    $(ui.selected).addClass("ui-selected");  
   },
   unselected: function(event, ui) {
    $(ui.unselected).removeClass("ui-selected");  
   }
 });
});
</script>

有css

<style>
 .ui-state-default {background-color: white;}
 .ui-selected { background: #F39814 !important; color: white; }
 .ui-selecting { background: blue; }
 .ui-selected.ui-selecting { background: #F39814 !important; color: white; }
</style>