javascript – jquery插件和css

2019年8月3日 140次阅读

我正在使用
jquery为我的应用程序编写插件.

每个插件都需要不同的css文件.

加载jquery文件和css的最佳方法是什么？

我在不同位置的不同页面中使用插件.如何找到这些文件的绝对路径？

编辑：有没有人有这个答案？

最佳答案 我认为相当标准的方式只是要求使用插件时,它也使用相应的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');
点赞