2010-12-23 79 views
4

我正在使用jquery编写插件到我的应用程序。 每个插件都需要不同的css文件。 加载jquery文件和css的最佳方法是什么?jquery插件和css

我在不同的位置下使用不同页面的插件。我怎样才能找到这些文件的绝对路径?

编辑:有没有人有这个答案?

回答

2

我认为相当标准的方式只是要求比使用插件时,它也使用相应的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'); 
+0

我更喜欢不把css的路径放在插件中。我不能在插件中使用:href =“/ css/myPlugin.css”,因为插件不会知道什么是网站目录结构。 – Naor 2010-12-23 14:36:33