사용자 지정 메뉴, jQuery 작동하지 않음

Question

사용자 지정 메뉴를 만들어 표준 선택 메뉴의 기능을 복제하려고합니다.

문제는 선택 메뉴처럼 동작하지 못하는 것입니다. 내 목표는 목록 항목을 클릭 할 때마다 "선택한"텍스트를 바꿀 수있게하는 것입니다. 또한 사용자가 메뉴 외부를 클릭 할 때마다 메뉴를 닫으려고합니다. 여기

내 JS 바이올린에 대한 링크입니다 :

http://jsfiddle.net/dg7Lc/9/

내가 어떤 통찰력을 주셔서 감사합니다! 감사!

-D

Answer 1

지금까지 코드를 수정, 당신은 $('.selected').appendTo('.custom-select span');$('.custom-select span').html($('.custom-select ul li.selected').html());에

http://jsfiddle.net/dg7Lc/13/

선택 목록에 대한 것은 그들이 브라우저/OS에 의해 스타일과해야한다는 것이다을 변경해야 여러 개의 onclick/onblur 액션과 복잡한 동작을 탭으로 이동하고 다른 키를 누르십시오.

jquery selectbox plugin을 살펴 보겠습니다. 내가 정확하게 선택 상자와 똑같이 행동하면서 브라우저간에 일관성있는 것으로 밝혀 졌으므로 https://github.com/fnagel/jquery-ui을 강력히 추천합니다.

코드가 복잡합니다 (표시되는 코드 뒤에 숨겨진 선택 상자가있는 것처럼)하지만 모두 필요합니다. 내 개인적인 경험에서이 플러그인은 매우 쉽게 스타일을 지정하고 사용자 정의 할 수 있습니다.