Greasemonkey स्क्रिप्ट में jQuery UI को जोड़ना बाहरी सीएसएस फ़ाइल

Question

के साथ विफल रहता है मैं jasery-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'); 

और वर्तमान निर्देशिका में मैं जे एस और सीएसएस निर्देशिका गयी।

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

समस्या क्या है: यह कह syntax error in 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 है त्रुटि फेंकता है? मैं jquery-ui कैसे जोड़ सकता हूं और इसे अपने उपयोगकर्तास्क्रिप्ट में कैसे उपयोग कर सकता हूं?

Answer 1

// @require वर्तमान में केवल जावास्क्रिप्ट फ़ाइलों के साथ काम करता है। वह त्रुटि जेएस के रूप में सीएसएस को पार्स करने की कोशिश करने से है। सीएसएस फ़ाइलों के लिए

उपयोग // @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'); 

---

हालांकि, jQuery-यूआई सीएसएस पृष्ठभूमि छवियों का गहन उपयोग करता। छवियों जो सापेक्ष पथ के माध्यम से शामिल हैं।

jQuery-UI सीएसएस का अधिकतम प्रभाव प्राप्त करने के लिए, अब मैं GM_addStyle() के माध्यम से इसे जोड़ने की अनुशंसा नहीं करता हूं।

<link> का उपयोग इंजेक्शन this complete, jQuery-UI example userscript में दिखाए गए इंजेक्शन <link> का उपयोग करें।