may88seiji
6/16/2017 - 5:24 AM

役割を決めてコードを書くこと。js→クラスの切り替え css→スタイルの変更

役割を決めてコードを書くこと。js→クラスの切り替え css→スタイルの変更

$(document)
  .on('click','.js-modal_open',function(){
  const target = $(this).attr('data-modal');
  currentPos = $('body').scrollTop();
  Modal.open(target,currentPos);
})
  .on('click','.js-modal_close',function(){
  const target = $(this).parent('.js-modal_container').attr('data-modal');
  Modal.close(target,currentPos);
})
  .on('click touch','.js-spNavi',function(){
  if(!flag){
    spNavi.open();
    flag = true;
  }else{
    spNavi.close();
    flag = false;
  }
  if(flagLang){
    spLang.close();
    flagLang = false;
  }
})
  .on('click touch','.js-spLang',function(){
  if(!flagLang && width < mq){
    spLang.open();
    flagLang = true;
    console.log("spLang.open");
  }else if(flagLang == true && width < mq){
    spLang.close();
    flagLang = false;
    console.log("spLang.close");
  }
})
  .on({
  "mouseenter": function(){
    if(width > mq){
      console.log('hover.on');
      spLang.open();
    }
  },
  "mouseleave": function(){
    if(width > mq){
      console.log('hover.off');
      spLang.close();
    }
  }
}, ".js-spLang")
;