jquery12 Jquery 스와이퍼 슬라이더 플러그인 idangerous.swiper.js pagination 스타일 변경하기 Jquery 스와이퍼 슬라이더 플러그인 idangerous.swiper.js pagination 스타일 변경하기 서론 Jquery 스와이퍼 슬라이더 플러그인인 idangerous.swiper.js를 사용하면 모바일 기기에서 손쉽게 슬라이드를 터치하여 내용을 넘길 수 있습니다. 그러나 이 플러그인의 페이징 처리 기능은 주로 숫자나 불릿 형태로 페이지를 표시하며, 텍스트 문장으로 페이지네이션을 설정하는 기능은 기본적으로 제공되지 않습니다. 이에 대한 요구사항이 있을 때, 플러그인의 코어를 수정하지 않고도 텍스트 문장을 이용한 페이지네이션을 구현할 수 있습니다. 이 글에서는 이러한 요구사항을 충족시키기 위한 해결책을 제시하고자 합니다. 해결책: 페이지네이션 텍스트 문장으로 변경하기 페이지네이션을 텍스트 문장으.. 2020. 11. 3. jQuery selector함수 slice() - start, end 까지 index 요소 일부만 선택 between jQuery selector함수 slice() - start, end 까지 index 요소 일부만 선택 between 1번부터 10번까지 형제 요소들이 있을 때 이 중에서 2번부터 5번까지만 선택해서 jquery로 동작을 시키고 싶을 때가 있다. 이럴 때 사용하는 함수가 바로 jquery slice() 메쏘드다. 즉 나열된 요소의 일부만 선택하는 선택자 메쏘드다. 사용방법 사용방법은 다음과 같다. $('selector').slice(2,5).addClass('newClass'); 이와 같이 실행하면, 선택된 요소들에서 eq(2),eq(3),eq(4),eq(5) 가 선택되어서 addClass함수에 의해 'newClass'라는 클래스명이 부여된다. 비단 클래스만 부여하는 것이 아니라 당연히 제이쿼리 제어를 .. 2020. 9. 19. 부트스트랩4 데이트피커 datepicker 이벤트 가로채기 / 제이쿼리 toggle()이용해서 게시물 목록 정렬 버튼 토글하기 부트스트랩4 데이트피커 datepicker 이벤트 가로채기 부트스트랩4 데이트피커는 아주 강력한 도구입니다. 여러 이벤트와 API를 제공하여 사용자가 원하는 방식으로 캘린더와 시간을 선택할 수 있게 해주죠. 하지만 때로는 플러그인이 제공하는 기본 이벤트가 우리의 요구사항과 완벽하게 일치하지 않을 때가 있습니다. 이럴 때 소스 코드를 직접 수정해야 하는 상황이 발생할 수 있습니다. 본 글에서는 이러한 문제를 어떻게 해결할 수 있는지 알아보겠습니다. https://tempusdominus.github.io/bootstrap-4/Events/ Redirecting to https://getdatepicker.com/ tempusdominus.github.io 기본적인 이벤트 사용법 Tempus Dominus에.. 2020. 3. 24. 이전 1 2 다음
