제이쿼리 질문 드려요
본문
반응형으로 하고 싶어서
카테고리가 늘어나면 화살표를 추가해서 왼쪽으로 오른쪽으로 보이게 하고 싶은데요
오른쪽으로 가는 건 되는데
왼쪽으로 가게 하면 두 번씩 가는 거 같아요 ㅠㅜ
$('.bo_cate_arr').find('a').click(function(){
var category_left = parseInt($('nav#bo_cate').find('ul').css('left'), 10)*-1;
if($('.bo_cate_arr').is('.bo_cate_next')){
//다음 버튼 일 때
if($(window).width() + category_left >= $('nav#bo_cate').find('ul').width() + 50){
$('.bo_cate_arr').removeClass('bo_cate_next');
$('.bo_cate_arr').addClass('bo_cate_prev');
$(this).text('◀');
}else{
$('nav#bo_cate').find('ul').animate({'left':'-=' + $('nav#bo_cate').find('li:first').width() + 'px'},'fast');
}
}else if($('.bo_cate_arr').is('.bo_cate_prev')){
//이전 버튼일 때
$('.bo_cate_prev').find('a').click(function(){
$('nav#bo_cate').find('ul').animate({'left':'+=' + $('nav#bo_cate').find('li:first').width() + 'px'},'fast');
});
}
return false;
});
어떻게 해야할지 ㅠㅜ 도와주세요
