2010-12-23 7 views
4

jquery를 사용하여 응용 프로그램에 플러그인을 작성하고 있습니다. 각 플러그인마다 다른 CSS 파일이 필요합니다. jquery 파일과 CSS를 모두로드하는 가장 좋은 방법은 무엇입니까?jquery 플러그인 및 CSS

다른 위치의 다른 페이지에서 플러그인을 사용하고 있습니다. 어떻게 그 파일의 절대 경로를 찾을 수 있습니까?

편집 : 아무도 대답이 있습니까?

답변

2

나는 꽤 표준적인 방법은 플러그인이 사용될 때마다 요구하는 것이라고 생각한다. 해당 CSS 파일도 사용된다.

$('head').append('<link rel="stylesheet" href="/css/myPlugin.css" />'); 

심지어 :

당신은 당신의 jQuery 플러그인이 있지만 이렇게 할 수 더 나은 아직

if (!$('head>link[href$="myPlugin.css"]').size()) // if the stylesheet isn't already included 
    $('head').append('<link rel="stylesheet" href="/css/myPlugin.css" />'); 

을 넣어 그 자신의 플러그인에서 : 다음

$.extend({addStyleSheet : function (nameOfPlugin) { 
    if (!$('head>link[href$="' + nameOfPlugin + '.css"]').size()) // if the stylesheet isn't already included 
     $('head').append('<link rel="stylesheet" href="/css/' + nameOfPlugin + '.css" />'); 
}); 

에서 플러그인을 그냥 다음과 같이 호출하십시오 :

$.addStyleSheet('myPlugin'); 
+0

나는 플러그인에 CSS의 경로를 넣지 않는 것을 선호한다. 나는 플러그인에서 사용할 수 없습니다 : href = "/ css/myPlugin.css"플러그인이 사이트 디렉토리 구조가 무엇인지 알지 못하기 때문입니다. – Naor

+0

내 의견을 본 적이 있습니까? – Naor

+0

CSS를 명시 적으로 포함하고 싶지는 않지만 플러그인을 사용하지 않으려는 경우에는 다른 옵션이 없습니다. 둘 중 하나를 선택해야합니다. –