动态的添加虚框（提示用：）（点击内容上去的时候有虚框提示，点下来的时候也有提示，但是都是给点击下来的第一个加）

代码：

/**
*檢測第一個沒有點擊的空
*
**/
function checkStatus(m){//++（m 上面定义的 m = 0）

　　var slots = document.querySelectorAll(".slot");

　　var statusEment = document.querySelector(".slot[data-ind='"+ (m + 1) +"']");//获得下一个索引的slot

　　for (var i = 0; i < slots.length; i++) {
　　　　MIGlobals.removeClass(slots[i],"freom");//移出上一个slot里面添加的freom
　　};

　　if(statusEment){//
　　if (statusEment.getAttribute("data-status")=="n") {//data-status是属性值，当slot里为空的时候data-status = n添加freom
　　　　MIGlobals.addClass(statusEment,"freom");
　　}else{
　　compareArray();//*获取 num 的最小值，然后添加 freom 类名
　　}

}



}
/**
*获取 num 的最小值，然后添加 freom 类名。
*添加到当前点击封装函数里
**/
function compareArray(){

　　var num=[];//创建数组
　　var slots = document.querySelectorAll(".slot[data-status='n']");//获取所有属性值为[data-status='n']的slot
　　for (var i = 0; i < slots.length; i++) {//循环遍历slot内容为空时候的个数
　　　　MIGlobals.removeClass(slots[i],"freom");//移出slot中的freom
　　　　num[i] = slots[i].getAttribute("data-ind");//吧遍历到的data-ind里面的属性值给这个数组

　　};

　　var index = Math.min.apply(null, num);//获取数组中的最小值
　　var indexEment = document.querySelector(".slot[data-ind='"+ index +"']");//获取数组中的最小的slot给他添加freom
　　MIGlobals.addClass(indexEment,"freom");
}