每天一个jquery插件-九宫格拼图2
九宫格拼图2
就是总感觉我的拼图少个功能,后面想了想好像就是判断是否获胜的功能没做,然后补充了一下
效果如下
代码部分
function success(){
var flag = true;
$(".item").getarr().forEach(item=>{
var index = item.attr("data-index");
if(!item.hasClass("i"+index)){
flag =false;
}
})
if(flag){
alert("success!")
}
}
思路解释
- 其实每一个图块都有两个属性,一个是表示它是第几块图块,还有一个就是表示它现在在哪个位置上,当他们的重合的时候那么就表示这个图块到了正确的位置,所以就是每次动作完成之后检查一遍,假如所有的图块都到了正确的位置那就是完全还原的
- 完事,休息