码迷,mamicode.com
首页 > 其他好文 > 详细

动态的添加虚框(提示用:)(点击内容上去的时候有虚框提示,点下来的时候也有提示,但是都是给点击下来的第一个加)

时间:2016-07-28 14:04:30      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:

代码:

/**
*檢測第一個沒有點擊的空
*
**/
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");
}

动态的添加虚框(提示用:)(点击内容上去的时候有虚框提示,点下来的时候也有提示,但是都是给点击下来的第一个加)

标签:

原文地址:http://www.cnblogs.com/patriot/p/5714317.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!