更改css属性的Deferred.state

Question

正确的,

我在这里有这个代码：

var dfd1 = $.Deferred();
    var dfd2 = $.Deferred();

    $( "#draggable" ).draggable({
        revert: "invalid",
        snap: "#droppable",
        });
    $( "#droppable" ).droppable({
        accept: "#draggable",
        drop: function() {
            $("#whistle").get(0).play();
            dfd1.resolve();
            }
        });
    $( "#draggable2" ).draggable({
        revert: "invalid",
        snap: "#droppable",
        });
    $( "#droppable2" ).droppable({
        accept: "#draggable2",
        drop: function() {
            $("#whistle").get(0).play();
            dfd2.resolve();
            }
        });
    var done = $.when(dfd1.promise(), dfd2.promise())
        done.then(function(){
        $("#whistle2").get(0).play();
        alert ("done!")
        });

我一直在尝试添加这样的内容：

if(done.state("#sec_a_div") == "resolved"){
        $("#sec_a_th").css("background-color"="green")
    }
    else {
        $("#sec_a_th").css("background-color"="yellow")
    }

问题是，有几个二进制id的div。我想知道，也许有人可以解释一下，如何使这些dfd对于这个div是唯一的，然后如何根据状态改变缩略图的颜色。我希望我已经说得尽可能清楚了。

Answer 1

好的，如果有人感兴趣的话，我把它弄好了。

var done = $.when(dfd1.promise(), dfd2.promise())
    done.then(function(){
    $("#whistle2").get(0).play();
    alert ("done!");
    $("#sec_a_th").css({'background-color' : 'green', 'opacity' : 0.4});
    });
$("#sec_a_th").mousedown(function(){
    $("#sec_a_th").css({'background-color' : 'yellow', 'opacity' : 0.4});
    });