문제발생 bxSlider 내부에 button 이벤트가 작동하지 않는 문제 위와 같이 bx슬라이더 div 내부의 onclick 이벤트가 각종 bx 슬라이더 이벤트에 의해 작동하지 않고 있는 현상 발생시 해결 1. bxSlider v4.2.1d 이상 버전 으로 업데이트 https://github.com/stevenwanderski/bxslider-4/releases Releases · stevenwanderski/bxslider-4 Responsive jQuery content slider. Contribute to stevenwanderski/bxslider-4 development by creating an account on GitHub. github.com 2. bx 메소드에 아래중 한가지 옵션 추가..

심화 지난 설치에 이어서 좀더 많은 옵션을 부여해보도록 하겠습니다. 설치는 다음 포스트 참고 https://yn971106.tistory.com/138 [select2]_select2 설치, 기본 설정 사용 목적 기본적으로 html 에서 제공하는 select 의 경우 목록이 적으면 상관이 없지만, 만약 몇십~몇백개의 options 가 있다면, 화면도 다 가릴 뿐 더러, 실용성도 떨어질 겁니다. 일정 목롤을 보여 yn971106.tistory.com 목적 Ajax 와 같은 비동기 통신으로 불러온 데이터 리스트를 select options에 표현하고 사용자가 select2에서 선택한 값을 기준으로 변하는 formDate 생성하기 흐름 select2 의 options 목록을 ajax와 같은 비동기 통신으로 값..

사용 목적 기본적으로 html 에서 제공하는 select 의 경우 목록이 적으면 상관이 없지만, 만약 몇십~몇백개의 options 가 있다면, 화면도 다 가릴 뿐 더러, 실용성도 떨어질 겁니다. 일정 목롤을 보여주고, 스크롤바가 생기며, options 을 검색할수 있으면 해결이 됩니다. 이를 구현하기 위해 사용했던 select2 플러그인을 소개합니다. 설치 공식 Git 사이트에 접속합니다. https://github.com/select2/select2/tree/develop/dist GitHub - select2/select2: Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, an..

사용목적 프론트를 개발하면서 달력을 표출해야 하는 경우가 많습니다. 이때 달력을 쉽게 그리고, 옵션을 부여할 수 있는 bootstrap-datepicker 플러그인 을 사용하여 쉽게 그릴 수 있습니다 설치 공식 git 주소인 아래의 주소에 접속합니다. https://github.com/uxsolutions/bootstrap-datepicker/tree/master/dist GitHub - uxsolutions/bootstrap-datepicker: A datepicker for twitter bootstrap (@twbs) A datepicker for twitter bootstrap (@twbs). Contribute to uxsolutions/bootstrap-datepicker development..

bxSlider 설치는 다음 포스트 참고 https://yn971106.tistory.com/131 [bxSlider]_bxSlider 설치, 단순 예제 bxSlider 란 오픈소스 플러그인으로 프론트에서 슬라이드를 구현할 때 사용 가능합니다. https://bxslider.com/install/ jQuery Content Slider | Responsive jQuery Slider | bxSlider Initialize the bxS.. yn971106.tistory.com 개요 bxSlider 를 통해 움직이는 div 나 img를 구현하였습니다. 여기서 정적인 요소를 움직이는게 아니라 ajax 와 같은 비동기 통신을 통해 데이터를 받아서 넣을 경우에는 어떻게 해야할까 고민해 보았습니다. 방법은 다음과..

bxSlider 란 오픈소스 플러그인으로 프론트에서 슬라이드를 구현할 때 사용 가능합니다. https://bxslider.com/install/ jQuery Content Slider | Responsive jQuery Slider | bxSlider Initialize the bxSlider plugin This code tells the webpage to start the slider setup. Without this code the slider plugin would not be visible on the page. bxslider.com 공식 사이트에서 다음 링크로 zip 다운로드 JQuery 를 먼저 참조 한 뒤 다운로드한 zip 파일을 프로젝트의 resource 경로에 두고 script 경..