&& 在 drop 事件中

Question

我试图仅在所有 draggables 都被删除的情况下触发 drop 事件。

drop: function(event,ui){
            var dropd = "#"+ui.draggable.attr("id");
            if("#a_dra" && "#b_dra" && "#c_dra" && "#d_dra" == dropd){
                $("#whistle").get(0).play();
                dfd.resolve();
            };  
        },

这个code 有问题。当每个div 被丢弃并正确触发时，它就会起作用。 除了当我只删除#a_dra 和#d_dra 时，它也会触发，这是不可取的，因为我需要它随机。

我错过了什么？

提前致谢！ :)

Answer 1

if("#a_dra" && "#b_dra" && "#c_dra" && "#d_dra" == dropd){

上面那行其实是指

if(("#a_dra" == true) && ("#b_dra" == true) && ("#c_dra" == true) && ("#d_dra" == dropd)) {

您不能像这样对多个值进行速记比较。

您可以为每个被拖放的可拖动对象保留状态，以便检查它们是否都已被拖放，以便解决您的延迟问题：

var dropped = {}

....

drop: function(event,ui){
    var dropd = "#"+ui.draggable.attr("id");
    dropped[dropd] = true;
    if(dropped["#a_dra"] && dropped["#b_dra"] && dropped["#c_dra"] && dropped["#d_dra"]){
        $("#whistle").get(0).play();
        dfd.resolve();
    };  
},