我有3个draggables,我希望它们适合放在一个droppable中,当它们全部掉落时我想做点什么......我不知道这段代码是不是很好但是我不知道知道如何以任何其他方式做到这一点。现在我想知道是否有人可以帮助我...猜猜你可以看到我对此非常陌生,这里是我的.js我应该制作某种数组来计算droppables吗?
$(function(){
$("#dragItems img").draggable({
containment: "#gameBoard",
revert: "invalid"
});
var i = 0;
$(function(){
if(i === 2){
//do something;
} else {
$("#dropBoxes img#drop4").droppable( {
tolerance : "intersect",
accept : "img#drag4",
drop : function() {
$(this).append("<embed src='button-1.wav' autostart='true' hidden='true' loop='false'>");
i++;
}
});
$("#dropBoxes img#drop5").droppable( {
tolerance : "intersect",
accept : "img#drag5",
drop : function() {
$(this).append("<embed src='button-1.wav' autostart='true' hidden='true' loop='false'>");
i++;
}
});
$("#dropBoxes img#drop2").droppable( {
tolerance : "intersect",
accept : "img#drag2",
drop : function() {
$(this).append("<embed src='button-1.wav' autostart='true' hidden='true' loop='false'>");
i++;
}
});
}
});
});
答案 0 :(得分:0)
你想在跌落发生后做点什么......对吧?
在你拥有i++
的所有地方,为什么不让下一行调用一个函数来检查i
的值并做任何需要做的事情。
示例:
$("#dropBoxes img#drop2").droppable( {
tolerance : "intersect",
accept : "img#drag2",
drop : function() {
$(this).append("<embed src='button-1.wav' autostart='true' hidden='true' loop='false'>");
i++;
//call my magical function that will do stuff
//magical_function(i);
}
});
- 和你的神奇功能:
function magical_function(i){
if(i==2){//do something}
}