Comment faire pour utiliser jquery ui avec requirejs
Je veux utiliser jQuery UI addClass
fonction de ma demande.
Côté, je suis en utilisant la normale jQuery, le soulignement, l'épine dorsale de tous les niveaux avec requirejs.
J'ai configuré l'INTERFACE utilisateur de jQuery comme ceci:
require.config({
deps: ["main"],
paths: {
"text": "lib/text"
, "jquery": "lib/jquery"
, "jquery-ui": "lib/jquery-ui"
, "underscore": "lib/underscore"
, "backbone": "lib/backbone"
, "bootstrap": "lib/bootstrap"
, "templates": "../templates"
},
shim: {
"jquery-ui": {
exports: "$",
deps: ['jquery']
},
"underscore": {
exports: "_"
},
"backbone": {
exports: "Backbone",
deps: ["underscore", "jquery"]
},
"bootstrap": ['jquery']
}
});
Dans l'application que je n':
define(['jquery', 'underscore', 'backbone'], function($, _, Backbone) {
$('div').addClass('white');
});
Malheureusement, cela ne fait que le normal addClass
pas de l'animation de jQuery UI.
PS: j'utilise le full jQuery edition.
- hors-sujet:
white
est vraiment un mauvais classname; les noms de classe ne doit pas inclure le css qui est affecté de sorte que vous pouvez modifier le CSS sous-jacent et ne pas affecter la valeur sémantique de la classe. - posible double: stackoverflow.com/questions/10237384/...
Vous devez vous connecter pour publier un commentaire.
Vous devez inclure jquery-ui:
jquery doit être tenu automatiquement que c'est une dépendance de jquery-ui
En outre, aucun de ces scripts retourne rien, mais leurs variables sont attribuées à l'objet window. Pas besoin de les affecter.
$
si jQuery n'est pas assignée à$
la fermeturewindow.$
,window._
,window.Backbone
). Besoin de travaux en passant par la valeur de retour du fichier inclus, ces bibliothèques ne retournent rien, mais leurs références globales.$
les bibliothèques sont-elles utilisées?main.js
fichier, dans unRequire()
appel.essayer
$
être définis pour jquery ui à ajouter à$.ui
à l'intérieur de la clôture.Parfois, vous avez seulement besoin d'un petit paragraphe de jQuery UI. Par exemple, j'ai récemment eu besoin sortable, mais si j'ai essayé de charger le tout puis j'ai eu un conflit entre
$.button()
sur jquery ui et$.button()
dans le bootstrap. jQuery UI est désormais livré avec le support AMD, j'ai Donc utilisé RequireJS' outil de construction r.js pour construire exactement le sous-ensemble que j'avais besoin.