list가 active되었을때 버튼이름 변경 및 리스트에 초점이 첫 번째로 가도록 채택완료
안녕하세요 질문 다시 드립니다. 이런 구조의 리스트가 있고
이런 bx-slider 버튼이 있는데 a태그 안에 내용을 수정후 active되는 친구 이름으로 acitve게시판이름 + 게시판 이전 이런식으로 수정하고 싶은데 js실력이 모자라서 요청드립니다. bx슬라이더라 소스를 긁어와도 넣을수가 없더라고요 가능할까요? ------------------------------------------------------------------------------------------------------------------ 추가질문brief > ul >li 의 active된 리스트의 첫번째로 초점이 가야하는데 초점이 슬라이더 보이는 부분부터 보여서 수정하려고 합니다.
/* 공지사항 */
$(function(){
$('.brief').find(' li > a').on('click',function(){
$(this).parent('li').addClass('active');
$(this).parent('li').siblings('li').removeClass('active');
$('.brief').find(' li > a').attr('title','');
$(this).attr('title','선택됨');
});
$('.brief-list').bxSlider({
//infiniteLoop: false,
auto:false,
speed:1000,
pause:5000,
maxSlides:4,
moveSlides:1,
slideWidth:313,
slideMargin:0,
responsive:true,
mode:'horizontal',
controls:true,
pager:false
});
});
}); 이 js를 활용해서 수정하려고 하는데 잘 안되서 다시 쓰게 되었습니다. 항상 공부해도 실력이 모자라서 댓글 남겨주시는 모든분들 감사합니다.
답변 2개
이전에도 답변드렸지만
해당 내용의 방법을 알려드렸음에도 이번 내용은 본인 능력을 상회하는 작업같습니다..
속편하게 의뢰로 가심이 어떠실지...
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
한가지 더 조언드리자면 챗GPT 를 맹신하지 마세요.
챗GPT 는 모른다는 말을 하지 않습니다.
모름에도 불구하고 다른 거짓된 정보를 알려줘서 혼동을 주기도 합니다.
답변에 대한 댓글 2개
제가 짤 수 있게 노력해보겠습니다
$(function(){
// 탭 클릭 이벤트
$('.brief').find('li > a').on('click', function () {
const $this = $(this);
const $parentLi = $this.parent('li');
// 활성화 상태 설정
$parentLi.addClass('active').siblings('li').removeClass('active');
$('.brief').find('li > a').attr('title', '');
$this.attr('title', '선택됨');
// bx-controls-direction 버튼 텍스트 업데이트
updateControlText($this.text());
});
$('.brief-list').bxSlider({
//infiniteLoop: false,
auto:false,
speed:1000,
pause:5000,
maxSlides:4,
moveSlides:1,
slideWidth:313,
slideMargin:0,
responsive:true,
mode:'horizontal',
controls:true,
pager:false,
onSliderLoad: function(){
$(".bx-clone").find("a").prop("tabIndex","-1");
},
onSlideAfter: function(){
$(".mainSlider").children("li").each(function(){
if($(this).attr("aria-hidden") == "false"){
$(this).find("a").attr("tabIndex","0");
}else{
$(this).find("a").attr("tabIndex","-1");
}
});
}
});
});
// 컨트롤 텍스트 업데이트 함수
function updateControlText(tabText) {
const prevText = `${tabText} 이전`;
const nextText = `${tabText} 다음`;
$('.bx-controls-direction .bx-prev').text(prevText);
$('.bx-controls-direction .bx-next').text(nextText);
}
});
오 이렇게 해서 수정했어요 감사해요!!!!!!
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
