211014 TIL 제이쿼리 기능 추가(학습 84일차)

Must Remember

• 선택자.is(":visible")은 선택자가 보이는지 체크하는 메서드

if ($(".srch").is(":visible")) { // visible은 선택자가 보이는지 체크
  $(".srch_open").removeClass("on");
  $(".srch").removeClass("on");
}

• 슬라이드 banner에서 play & stop기능을 구현할 때 임의의 변수를 하나 만들자.

var flag = true;
$(".play").click(function () {
  if (flag) {
    // pause
    clearInterval(autoBnr);
    $(this).addClass("pause");
    flag = false;
  } else {
    // play
    autoBnr = setInterval(autoBanner, 5000);
    $(this).removeClass("pause");
    flag = true;
  }
});

• banner rolling의 경우 클릭한 roll의 index를 구해서 대입하자.

var rollNum = $(".banner_roll a").click(function () {
  bnnNum = rollNum.index(this);
  $(".banner_frame").stop().animate({"left":-bnnNum * bannerW}, 500, "linear", function () {
    if ($(".banner_frame > section").eq(bnnNum).hasClass("white")) {
      $(this).siblings().find("a").addClass("btn-white");
    } else {
      $(this).siblings().find("a").removeClass("btn-white");
    }
    $(".banner_roll a").removeClass("on");  
    $(".banner_roll a").eq(bnnNum).addClass("on");  
  });
});