2012-08-08 6 views
0

나는 JQuery Plugin을 작성했다. 플러그인은 사용자 정의 된보기를 목록에 추가합니다 (JQuery Mobiles .listview()와 유사).Jquery Plugin with required CSS

일반 비 정렬 목록을 만든 다음 플러그인을 적용하여 동작 및 스타일을 추가 할 수 있습니다.

<ul data-role="none"> 
     <li>Hello</li> 
     <li>Hello</li> 
    </ul> 

$("ul").myView(); 

많은 것을 보지 못한 플러그인은 많은 CSS가 추가 된 플러그인입니다. 내 플러그인은 특정 CSS 클래스가 작동하도록 요구하므로 어디에 저장해야합니까? 플러그인이 스타일 시트와 함께 제공되는 것이 일반적입니까?

+1

예. 매우 일반적입니다. 그냥 jquery UI를보십시오. 사용자가 js 파일과 함께 플러그인의 css 파일을 추가하게하십시오. – PitaJ

답변

1

플러그인에는 미리 정의 된 CSS 세트가 기본으로 제공됩니다. 하지만 IMO는 자바 스크립트를로드하기 전에 수동으로 스타일 시트를 <head> 태그에 추가하는 플러그인 사용자가해야합니다.

0

피터 (Peter)가 말한 것처럼 이러한 플러그인에는 CSS가 패키지되어 있지만 사용자가 직접 링크 할 수있는 것이 일반적입니다. 몇 가지 이유가 이것에 대한 있습니다

  • 사용자는이 제대로 포함 가리 키도록 사용자의 개입을 필요로 비정상적인 위치에 JS 및 CSS 파일을 보관 할 수
  • CSS는, 부하 위해 의존하므로 덮어 쓸 수 있습니다 자동으로 삽입 사용자 CSS는 소스 파일을 편집하지 않고 플러그인 CSS를 재정의하는 것을 사용자가 막거나 방해하지 못하도록합니다.
  • 많은 jQuery 플러그인, 특히 양식 요소 및 스크롤에 영향을 미치는 많은 jQuery 플러그인은 JavaScript가 꺼져있을 때 정상적으로 성능 저하가 발생합니다. JavaScript를 통해 CSS가 추가되면 플러그인 작성자는 품질 저하를 전혀 제어 할 수 없습니다.

모든 것을 자동으로 구성하는 것은 최종 사용자에게는 좋지만 대부분의 개발자는 향상된 제어가 필요합니다.