2012-01-15 5 views
0

테이블 (예 : 격자 플러그인)에서 작업을 수행하는 jquery 플러그인을 작성했습니다.jquery 플러그인에 구조체 스타일을 추가하는 방법

플러그인은 균일 한 테두리 너비 내가 추가에 유지하기 위해 세포와 국경 테이블과 세포 (에 overflow:hidden; 같은 몇 가지 스타일을 추가합니다. .MyTable {border-width:0 0 1px 1px;}.MyTable > tr > td {border-width:1px 1px 0 0 }

을 지금은 방법과 장소 넣어 궁금 해요 이 CSS 스타일.
나는 외부 css 파일에 넣을 수 있지만 사용자가 자신의 페이지에 .css 파일을 추가하도록합니다. 모든 사용자가 플러그인을 사용할 수있게하기 위해 새로운 사용자도 플러그인을 만들려면 장애물이 될 수 있습니다. 사용자는 CSS 파일을 추가하거나 내용을 변경하는 것을 잊어 버릴 수 있으며 이로 인해 플러그인이 제대로 작동하지 않게됩니다. 또한 사용자가 사물을 변경할 수있는 능력 (예 : 국경 너비). 나는 외부 파일에 CSS를 넣을 경우, 사용자는 자신이 원하는 모든 것을 변경할 수 있습니다.

또 다른 옵션으로 jquery elem (elem.css (...) 명령 사용)에 직접 스타일을 지정할 수도 있습니다. 그게 바로 사용자가 CSS 파일을 다루지 않아도 제대로 작동하고 다른 방법으로 스타일 (테두리와 같은)을 변경할 수 있기 때문에 플러그인에 옵션을 추가 할 수 있습니다. 그러나 이렇게하면 코드가 불충분 해지고 동작과 디자인이 병합됩니다.

jquery 플러그인에 스타일을 추가 할 수있는 다른 방법이 있습니까?
가장 좋은 방법은 무엇입니까?

저는 색상이나 글꼴을 결정해야하는 스타일에 대해 이야기하는 것이 아니라 구조에 필요한 스타일에 대해 이야기하고 있습니다!

+0

'$ ('<스타일 유형 = "텍스트/CSS"> text ('# selectors {/ * Styles {/ * styles * /}') .appendTo ('head');'또는'$ ('