为了一个学校项目,我正在用 javascript 和 jquery 制作一个拼图游戏。我已经创建了 4 个可拖动的 div,它们应该被放置在一个点上,如果所有的 div 都被放置在正确的位置,它应该给出拼图已完成的消息。一切都完成了,除了消息的部分。我的 IT 老师告诉我,我必须使用计数器 (i++),但我无法让这部分工作。你能帮忙吗?
如果你有答案,你能解释一下吗?我对 jquery/javascript 没有太多经验。
提前致谢,Friso(荷兰)
重要内容的代码(链接到页面:friso.webatu.com/Site/droppable_jquery_met_javascript.htm)
<script>
var i = 0;
$(function() {
$( ".draggable_l_t" ).draggable({ snap: ".droppable_l_t, .droppable_r_t, .droppable_l_b, .droppable_r_b", snapMode: "inner" });
$( ".draggable_r_t" ).draggable({ snap: ".droppable_l_t, .droppable_r_t, .droppable_l_b, .droppable_r_b", snapMode: "inner" });
$( ".draggable_l_b" ).draggable({ snap: ".droppable_l_t, .droppable_r_t, .droppable_l_b, .droppable_r_b", snapMode: "inner" });
$( ".draggable_r_b" ).draggable({ snap: ".droppable_l_t, .droppable_r_t, .droppable_l_b, .droppable_r_b", snapMode: "inner" });
$( ".droppable_l_t" ).droppable({
accept: ".draggable_l_t",
drop: function( event, ui ) {
i++;
}
});
$( ".droppable_r_t" ).droppable({
accept: ".draggable_r_t",
drop: function( event, ui ) {
i++;
}
});
$( ".droppable_l_b" ).droppable({
accept: ".draggable_l_b",
drop: function( event, ui ) {
i++;
}
});
$( ".droppable_r_b" ).droppable({
accept: ".draggable_r_b",
drop: function( event, ui ) {
i++;
}
});
});
while (i==3)
{alert('goedzo!');}
</script>
最佳答案
开始时 i 为 0,因此警报循环将立即退出。
关于javascript - jquery 和 javascript 中 i++ 的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6374026/