jquery插件和css

Question

我正在使用jquery編寫插件到我的應用程序。 每個插件都需要不同的css文件。 加載jquery文件和css的最佳方法是什麼？

我在不同的位置下使用不同頁面的插件。我怎樣才能找到這些文件的絕對路徑？

編輯：有沒有人有這個答案？

Answer 1

我認爲相當標準的方式只是要求比使用插件時，它也使用相應的CSS文件。

你可以讓你的jQuery插件做到這一點，但：

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

甚至：

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');