選択したソートアイテムに異なる色を適用します

Question

私はjQuery sortableをテストしています。

私は動作しているソート可能なリストを持っていますが、ドラッグされている選択されたアイテムに別の色を適用するにはどうすればいいですか？

これはプレースホルダーの色とは異なります。

下記のように、選択した項目にCSSクラス.ui-state-focusを適用したいと考えています。

私はSO & Googleを検索していくつか試みましたが、これを動作させることはできません。私はちょうど今それを試してみた

<style> 
     #sortable { list-style-type: none; margin: 0; padding: 0; } 
     #sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; height: 1.5em; } 
     html>body #sortable li { height: 1.5em; line-height: 1.2em; } 
     .ui-state-highlight { height: 1.5em; line-height: 1.2em; border: 3px dashed red; background: yellow; } 
     .ui-state-focus { border: 2px dotted orange; background: lime; } 
    </style> 

    <script> 
     $(function() { 
     $("#sortable").sortable({ 
      placeholder: "ui-state-highlight" 
     }); 
     $("#sortable").disableSelection(); 
     }); 
    </script> 

Answer 1

：

は、ここに私のコードです。

ドラッグされているアイテムにクラス名ui-sortable-helperが追加されています。

だから、あなたは自分のCSSファイルに数行を追加することができます。

.ui-sortable-helper { // original and wrong code: .ui-sort-helper 
    background: red; 
    color: green; 
}