Comment inclure jquery.js dans Graal?

J'ai un Grain 2.0.0 projet qui a été créé à l'aide de grails create-app. Dans mon code HTML et GSP fichiers, je vais essayer d'inclure jquery.js. J'ai essayé toutes les suivantes, sans succès:

<script type="text/javascript" src="jquery/jquery-1.7.1.js"></script>
<script type="text/javascript" src="jquery/jquery.js"></script>
<g:javascript library="jquery"/>

Les deux premiers <script> tags résultats en 404 not Found (vérifié avec Firebug). Le <g:javascript>tag résultats en rien être inclus (vérifié à l'aide de l'affichage de la source).

Sur mon Graal de l'application de la page d'accueil, il indique que jquery 1.7.1 est installé (à la rubrique "PLUGINS INSTALLÉS").

Quelle est la façon correcte dans le Graal pour inclure jquery .fichier js?

Suivi: L' .GSP fichier:

<%@ page contentType="text/html;charset=UTF-8" %>
<html>
  <head>
    <title>Test</title>
    <g:javascript library="jquery/jquery"/>
  </head>
  <body>
    <h1>Test</h1>
  </body>
</html>

Résultats dans la suite de la source HTML:

<html>
  <head>
    <title>Test</title>

  </head>
  <body>
    <h1>Test</h1>
  </body>
</html>

Note de l'absence de jquery.js être inclus.

De suivi 2:

Je suis la création de mon application en utilisant grails create-app:

13:56:40 ~/grailsDev $ grails create-app helloworld
| Created Grails Application at /Users/steve/grailsDev/helloworld
13:56:57 ~/grailsDev $ cd helloworld/
13:57:06 ~/grailsDev/helloworld $ ls -al web-app/js
total 8
drwxr-xr-x  3 steve  staff  102 Jan 21 13:56 .
drwxr-xr-x  7 steve  staff  238 Dec 15 08:04 ..
-rw-r--r--  1 steve  staff  183 Dec 14 22:56 application.js
13:57:23 ~/grailsDev/helloworld $ grails -version

Grails version: 2.0.0

InformationsquelleAutor Steve Kuo | 2012-01-21

Apparemment <r:layoutResources/> doit être inclus dans <head> (après <q:javascript library='jquery' />). Le suivant fonctionne réellement:

<%@ page contentType="text/html;charset=UTF-8" %>
<html>
  <head>
    <title>Simple GSP page</title>
    <g:javascript library='jquery' />
    <r:layoutResources/>
  </head>
  <body>
    Place your content here
  </body>
</html>

Merci de donner cette mise à jour.

InformationsquelleAutor Steve Kuo

5

Le jquery, le plugin est installé par défaut dans la version 2.0 - voir grails-app/conf/BuildConfig.groovy. Pour utiliser jquery.js dans un SPG suffit d'ajouter cette ligne:
```
<g:javascript library='jquery' />
```
InformationsquelleAutor Burt Beckwith
5

Steve après l'installation de plugin Jquery thru graal install-plugin jquery vous devez exécuter une autre graal de commande à télécharger le fichier jquery dans votre application
```
grails installJQuery
```
Cette cible télécharge et installe jquery-1.7.1.js et jquery-1.7.1.min.js en vertu de la web-app/js/jquery/

InformationsquelleAutor Wasim
4

En grain 2.x vous pouvez aussi le faire:
```
grails.resources.modules = {
    core {
        dependsOn 'jquery, jquery-ui'
    }
}
```
dans Config.groovy

Ensuite dans votre gps il suffit de placer la ligne suivante dans votre HEAD élément:
```
<r:require module="core"/>
```
L'avantage est que vous pouvez spécifier d'autres fichiers CSS/JS dépendent, il est agréable et propre dans le cadre du SPG. C'est aussi là que vous pouvez remplacer la version de jQuery/jQuery-UI.

InformationsquelleAutor Laurence
4

De la présente docs - http://grails.org/plugin/jquery (Graal version: 1.3 > *) le 18 Septembre, 2015

Installation

D'installer le plugin jQuery tapez cette commande à partir de votre dossier racine du projet:
```
grails install-plugin jquery
```
Objectifs:
```
grails installJQuery
```
- Cette cible télécharge et installe jquery-1.4.2.js et jquery-1.4.2.min.js en vertu de la web-app/js/jquery/
La complète jQuery distribution est téléchargé et installé dans votre projet /web-app dossier/js/jQuery.

Utilisation

Ajax via jQuery

Avoir le Graal " adaptative de l'AJAX s'adapter à jQuery (plutôt que la valeur par défaut de Prototype, ou d'un autre choix, comme YUI ou Dojo):

Depuis Graal 1.2:

Ajoutez cette ligne à votre disposition-fichier
```
<g:javascript library="jquery" plugin="jquery"/>
```
et la suite de votre graal-app/conf/config.groovy
```
grails.views.javascript.library="jquery"
```
alternativement, vous pouvez utiliser:
```
<g:javascript library="jquery" />
```
(sans plugin="jquery"), mais vous aurez besoin d'appeler le graal installJQuery cible (voir l'Onglet Installation)

InformationsquelleAutor Nick Grealy
3

J'ai vu un bon tutoriel sur le sujet en icodeya.
http://www.icodeya.com/2012/09/grails-different-ways-to-import.html

vous pouvez le faire dans votre gsp:
```
<g:javascript src="myscript.js"/ >
```
OU vous pouvez le faire dans votre Config.groovy:
```
grails.resources.modules = {
core{
resource url:'/js/jQuery.js' 
} 
myScript { 
resource url:'/js/myScript.js' 
dependsOn 'core' 
}
}
```
ensuite, dans votre gps, vous pouvez attacher ce:
```
<r:require module="myScript" />
```
InformationsquelleAutor ShootingStar
0

<g:javascript library="jquery/jquery"/>
- mettre cette chaîne à l'intérieur < />. Je suis en considérant que le jquery nom de fichier est jquery.js et c'est à l'intérieur js/jquery répertoire.
- Ne fonctionne pas, consultez le suivi de la question.
- Steve: je suppose qu'il ya quelque chose de mal avec le chemin u r fournir. Peut-u s'il vous plaît coller le chemin d'accès complet vers le fichier js.
- Mon projet n'a pas js/jquery/jquery.js ni web-app/js/jquery.js. Est-il une étape supplémentaire, j'ai besoin d'effectuer après grails create-app pour activer/installer jquery?
- Steve: il suffit de suivre les étapes après le graal créer l'application à partir du lien suivant. grails.org/doc/latest/guide/...
- Voir 2, grails create-app n'a pas en jquery.js dans mes applications du répertoire.
- oh steve, vous devez télécharger et ajouter jquery.js dans votre application. Faire une chose de créer un jquery.js fichier dans votre répertoire / js et de copier et de coller le code à partir de ce lien pour que le fichier code.jquery.com/jquery-1.7.1.js
- Si je dois télécharger et installer jquery.js alors quel est le but de le Graal plugin jquery?
- Mais steve votre répertoire montre qu'aucun jquery plugin a été installé dans votre application, comme il n'y a pas de jquery fichiers qui y sont présents
- laissez-nous continuer cette discussion dans le chat
InformationsquelleAutor Wasim
0

Que j'ai trouvé (à partir du Plugin JQuery page) qui, en plus de l'utilisation de la <g:javascript library="jquery"/> tag, j'ai dû ajouter le plugin étiquette explicitement à faire de la balise de ressembler à:

<g:javascript library="jquery" plugin="jquery"/>

Aucune idée pourquoi j'ai dû utiliser le plugin propriété?

InformationsquelleAutor Navonod
0

Actuellement, en 2015, tout ce que vous avez à faire est d'ajouter runtime ":jquery:1.11.1" à votre BuildConfig.groovy, et c'est tout.

InformationsquelleAutor lxknvlk
0

Mise à jour pour Graal 2.3
Cela peut aider à résoudre la configuration de jQuery de sorte qu'il peut être disponible à partir de vos pages spg.
1. Tout d'abord si vous exécutez le graal install-plugin jquery commande il échouera avec le " install-plugin obsolète message:
Donc plus probable que vous l'avez déjà configuré dans votre BuildConfig.groovy comme ceci (à noter est l'exécution, pas de compilation):
```
plugins {
    //... some other plugins here ...
    runtime ":jquery:1:11:1"
}
```
1. Si vous utilisez Eclipse, faire un Fichier de recherche pour jquery et voir si vous avez déjà des fichiers:
2. Confirmer que votre js répertoire n'est pas vide, il est situé à l'intérieur de la web-app répertoire. Si js a pas de fichiers ou des répertoires, puis il suffit de les copier à partir de ce que vous avez obtenu dans l'étape 2:
3. Comme mentionné précédemment, la combinaison de ces deux lignes semble fonctionner (en haut de vos pages spg):
Si jQuery n'est pas la première bibliothèque javascript pour charger vous pourriez avoir des problèmes. Vérifiez votre layouts/main.gsp fichier si vous en avez un. Vous devrez peut-être ajouter jquery pour toutes vos pages tellement il est tout en haut de votre code source.

Espère que ça aide.

Remarque: Au moment de cette publication (avril 2015) Graal 3.0 a été libéré et il semble être incompatible avec le Graal 2.X projets dans la façon dont ils sont configurés. J'espère que ce sera mieux documentées afin d'éviter les problèmes avec les 2.X.

InformationsquelleAutor Salvador Valencia

Vous devez vous connecter pour publier un commentaire.

Installation

Objectifs:

Utilisation

Ajax via jQuery

Depuis Graal 1.2: