Jquery UI可排序，高亮選中或拖動框

Question

我正在創建要拖動和排序的框列表。我需要使用與原始顏色不同的顏色突出顯示所選框。以下代碼使其他項目半透明。

$("#sortable").sortable({ 
    axis: "y", 
    cursor: "move", 
    change: function (event, ui) {}, //save the sort 
    start: function (event, ui) { 
     $("#sortable").css("opacity", "0.6");         
    }, 
    stop: function (event, ui { 
     $("#sortable").css("opacity", "1.0"); 
    } 
}); 

Answer 1

剛剛添加一個具有定義的突出顯示樣式的類怎麼樣？

$("div").addClass("selected"); 

Answer 2

你接近：

$("#sortable").sortable({ 
    axis: "y", 
    cursor: "move", 
    change: function(event, ui) {}, //save the sort 
    start: function(event, ui) { 
     $(ui.item).css("opacity", "0.6"); 
    }, 
    stop: function(event, ui) { 
     $(ui.item).css("opacity", "1.0"); 
    } 
}); 

此外，我會建議，而不是直接操縱元素的風格，添加和刪除類元素來修改它的風格（更容易維護和全球範圍內實施）。

Answer 3

，而不是使用啓動和停止使用不透明默認排序功能的不透明度

$("#sortable").sortable({ 
    axis: "y", 
    cursor: "move", 
    opacity: 0.5, // set opacity to 50% while dragging 
    change: function (event, ui) {} //save the sort 
});