BLOG ARTICLE 아코디언 | 1 ARTICLE FOUND

  1. 2012.06.30 [jQuery Mobile] accordion plugin

출처 : http://blog.naver.com/PostView.nhn?blogId=leeyc09&logNo=30104364339


  

 

[JQuery Mobile] listview Accordion Plug In

jQuery : jquery-1.5
jQuery Mobile : jquery.mobile-1.0a3

Copyright (c) Boris Smus (original) : http://forum.jquery.com/topic/listview-accordion-plugin
Copyright (c) Lee Young Chan (modify) : http://forum.jquery.com/topic/jquery-mobile-listview-accordion-plugin-to-use-with-list-divider-role-optional

 

최초 소스 제공자인 보리스에게 감사를 드리며 내가 조금 수정 및 보안을 해 보았다.

 

기존의 소스에서는 기본적인 list-view에서만 사용이 가능 한 것을 list-divider 스타일에도 사용 할 수 있도록 수정 하였다.

 

list-divider 사용 시 Header 를 클릭하면 펼침목록이 나온다.

 

list-divider 스타일을 사용하고 싶지 않다면 ui 에서 data-rule='list-divider' 를 삭제하면 된다.

 

Padding CSS 가 남아 있어 펼쳐지기 전에 목록이 보이던 현상도 같이 수정 했으며

 

Silde 효과가 들어 있었으나 모바일 환경에서는 속도저하 현상을 보여 제거 하였다.

 

 

 

다운로드 받으 실 땐 덧글 좀 남겨주세요 :)



근데 이놈을 쓰다보면 문제가 하나있다.


펼쳐지는놈의 크기만큼 늘어나야하는데 크기가 고정이라서


크기보다 내용이 많은 경우에는 다짤려버린다.


css 에서 고쳐주면 크기가 자동으로 잘 지정된다.


.ui-li-accordion { 

height:inherit;

background-color: transparent;

display: none; 

position: relative;}


제가 따로 파일로 배포하지는 않겠습니다. 최상단 출처 링크로 가셔서 받으세요.

YOUR COMMENT IS THE CRITICAL SUCCESS FACTOR FOR THE QUALITY OF BLOG POST