jQuery 플랫 스타일 드롭다운 상자 미화 플러그인 FancySelect 사용 가이드_jquery

WBOY
풀어 주다: 2016-05-16 16:14:34
원래의
1290명이 탐색했습니다.

FancySelect는 작고 실용적인 jQuery 드롭다운 상자 미화 플러그인입니다. 이 드롭다운 상자 미화 플러그인은 플랫 디자인 스타일을 채택하고 패션을 추구하는 개발자가 가장 먼저 선택하는 드롭다운 상자 미화 플러그인 중 하나입니다.

사용방법

HTML 구조

FancySelect는 사용이 매우 간단하며 jQuery 또는 Zepto와 함께 사용할 수 있습니다. 페이지에 일부 요소의 data-class 속성을 통해 스타일을 지정할 수도 있습니다. 이 방법을 사용하여 선택 드롭다운 상자의 다양한 스타일을 지정할 수 있습니다.

코드 복사 코드는 다음과 같습니다.





var mySelect = $('.my-select');
mySelect.fancySelect(); // 현재 html 속성으로 인해 비활성화되어 있습니다
//나중에…
mySelect.trigger('enable.fs'); // 이제 활성화되었습니다
//나중에…
mySelect.trigger('disable.fs'); // 이제 다시 비활성화되었습니다

개인화된 효과를 생성해야 하는 경우 옵션 옵션을 통해 HTML 문자열을 반환하는 TriggerTemplate 및 TriggerTemplate 메소드를 사용할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

드롭다운 상자 옵션이 변경되면change.fs 이벤트를 들을 수 있습니다.

코드 복사 코드는 다음과 같습니다.