将jQuery UI添加到Greasemonkey脚本失败，外部CSS文件

我正在尝试将jquery ui添加到Greasemonkey脚本中。我的完整代码：

test.user.js

：

// ==UserScript==
// @name           Test
// @namespace      rajat.khandelwal
// @description    Test script
// @include        *
// @require        js/jquery-1.6.2.min.js
// @require        js/jquery-ui-1.8.16.custom.min.js
// @require        css/ui-darkness/jquery-ui-1.8.16.custom.css

// ==/UserScript==
alert('hi');

在当前目录中，我添加了JS和CSS目录。它抛出错误，在css中说

语法错误

Error: syntax error
Source File: file:///C:/Users/Rajat/AppData/Roaming/Mozilla/Firefox/Profiles/poxivdqy.default/gm_scripts/test/jquery-ui-1816custom.css
Line: 13

第13行是：

.ui-helper-hidden { display: none; }

---

有什么问题？如何添加jquery ui并在我的用户脚本中使用它？

/@require

目前仅适用于javascript文件。这个错误是因为试图将CSS解析为JS

对CSS文件使用

/@resource

，如下所示：

// ==UserScript==
// @name        Test
// @namespace   rajat.khandelwal
// @description Test script
// @include     http://YOUR_SERVER.COM/YOUR_PATH/*
// @require     js/jquery-1.6.2.min.js
// @require     js/jquery-ui-1.8.16.custom.min.js
// @resource    customCSS css/ui-darkness/jquery-ui-1.8.16.custom.css
// @grant       GM_addStyle
// @grant       GM_getResourceText
// ==/UserScript==

var newCSS = GM_getResourceText ("customCSS");
GM_addStyle (newCSS);

alert('hi');

---

然而，jQueryUICSS大量使用背景图像。通过相对路径包含的图像

为了获得jQuery UI CSS的最大效果，我不再建议通过

GM\u addStyle（）

添加它

---

使用注入的

，如中所示。

我们还需要前后两行代码，您可能错过了上一个类中的

}

，它会在下一行抛出错误，因为当另一个类未关闭时，您无法打开新类。@Niels:代码不多。我已经用我的全部代码更新了这个问题。第13行是jquery-ui-1816custom.css中的第13行，我刚刚复制了文件的原样。这不可能是代码问题。我使用的是FireFox v.21。我做了您在这里提到的事情，我调用了jquery ready（）函数，并试图提醒newCSS。自从这个答案第一次发布以来，它并没有显示出GM有什么变化。更新了答案以反映这一点。