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

前端之家收集整理的这篇文章主要介绍了将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文件.该错误来自于尝试将CS​​S解析为JS.

使用// @resource获取CSS文件,如下所示:

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

但是,jQuery-UI CSS大量使用背景图像.通过相对路径包含的图像.

为了获得jQuery-UI CSS的最大效果,我不再建议通过GM_addStyle()添加它.

使用注入的< link>如this complete,jQuery-UI example userscript所示.

猜你在找的jQuery相关文章