每天学一个jquery插件-九宫格拼图2

每天一个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!")
			}
		}

思路解释

  • 其实每一个图块都有两个属性,一个是表示它是第几块图块,还有一个就是表示它现在在哪个位置上,当他们的重合的时候那么就表示这个图块到了正确的位置,所以就是每次动作完成之后检查一遍,假如所有的图块都到了正确的位置那就是完全还原的
  • 完事,休息

猜你喜欢

转载自blog.csdn.net/weixin_44142582/article/details/114766897