Hinzufügen von jQuery UI Greasemonkey-Skript schlägt fehl, mit externen CSS-Datei

Ich versuche, fügen Sie jquery-ui, ein Greasemonkey-Skript. mein vollständiger code: 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');

und Im aktuellen Verzeichnis an, die ich Hinzugefügt, JS und CSS-Verzeichnis. Es wirft Fehler sagen 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

Zeile 13:

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

Was ist das problem? Wie kann ich jquery-ui und verwende es in meinem userscript?

Wir brauchen die Zeilen vor und nach aswell könnte es möglich sein, Sie fehlten, eine } in der prev-Klasse, und es wirft den Fehler auf die nächste Zeile, da Sie Sie nicht öffnen können eine neue Klasse, wenn die anderen nicht geschlossen.
nicht viel code. Ich habe aktualisiert die Frage mit meinem vollständigen code. Und Zeile 13 Zeile 13 in jquery-ui-1816custom.css ich nur die Datei kopiert, wie es ist. Kann das nicht ein code-problem.

InformationsquelleAutor prongs | 2011-12-31

  1. 35

    //@require derzeit funktioniert nur mit javascript-Dateien. Dieser Fehler wird versucht zu analysieren, CSS, JS.

    Verwenden //@resource für CSS-Dateien, etwa so:

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

    Jedoch, jQuery-UI-CSS macht starken Gebrauch von hintergrund-Bildern. Bilder, die enthalten sind, über relative Pfade.

    Den maximalen Effekt der jQuery-UI-CSS, die ich nicht mehr empfehlen, indem es über GM_addStyle().

    Verwenden eine eingespritzte <link> wie gezeigt, in diese komplette jQuery-UI-Beispiel userscript.

    Ich verwende FireFox v. 21. Ich Tat, was du hier erwähnt ich rief jquery ready () - Funktion und versucht, Alarm newCSS . es nicht zeigen, bis alles
    GM hat sich geändert, seit dieser Antwort wurde zuerst veröffentlicht. Aktualisiert die Antwort zu reflektieren.

    InformationsquelleAutor Brock Adams

Schreibe einen Kommentar