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

你很接近:

$("#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");
    }
});

此外，我建议不要直接操作元素样式，而是向元素添加和删除类以修改其样式(更易于维护和全局实现)。