IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

AJAX Discussion :

Conflit jquery / Bootstrap


Sujet :

AJAX

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Février 2012
    Messages
    257
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Février 2012
    Messages : 257
    Par défaut Conflit jquery / Bootstrap
    Salut à tous,

    Après avoir posé la fonction .sortable pour déplacer des images (et faire update mysql en ajax ensuite)
    > ça pose un problème lorsque qu'on l'intègre a un template boostrap (dixit; celui nommé grayscal)

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <!-- Sortable -->
          <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
          <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
    Est en conflit avec
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <!-- Bootstrap core JavaScript -->
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    C'est dommage,
    J'ai bien galéré avec ca,
    vous en pensez quoi ?

    La bise.

  2. #2
    Membre extrêmement actif Avatar de psychadelic
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 2 532
    Par défaut
    il y a 2 fois la librairie jQuery, alors forcement toutes les fonctions jQuery se retrouvent en double et il y a conflit.
    choisir l'une ou l'autre, mais pas les 2.

  3. #3
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Février 2012
    Messages
    257
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Février 2012
    Messages : 257
    Par défaut La quelle conserver.
    Ah d'accord, c'est donc pour ca
    La quelle serait le mieux à conserver ?

  4. #4
    Membre extrêmement actif Avatar de psychadelic
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 2 532
    Par défaut
    celle de la derniere mise à jour de jQuery qui peut rester compatible avec la version de bootstrap que tu utilise mais qui demandera peut être que tu l'harmonise avec la version de jQuery-ui que tu a ajouté.

  5. #5
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Février 2012
    Messages
    257
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Février 2012
    Messages : 257
    Par défaut
    Merci Psychadelic,
    Faut que je check ca.

    Une question (avant de mettre résolu le sujet)
    on peut utiliser une fonction jquery (ex: draggable', 'sortable') sans le lier à une bibliothèque,
    et en utilisant juste le code nécessaire ?

  6. #6
    Membre extrêmement actif Avatar de psychadelic
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 2 532
    Par défaut
    Citation Envoyé par feelwatt Voir le message
    on peut utiliser une fonction jquery (ex: draggable', 'sortable') sans le lier à une bibliothèque,
    et en utilisant juste le code nécessaire ?
    Attention !
    En informatique il faut ce méfier de ne pas raccourcir certains termes : les fonctionnalités dont tu parles (ex: draggable', 'sortable') ne font pas partie de jQuery, mais de jQuery-UI.

    jQuery-UI est une bibliothèque d'extensions pour jQuery dans laquelle tu peux piocher sélectivement les extensions qui t'intéresse => http://jqueryui.com/download/
    Ce qui permet de na pas trop alourdir le chargement de tes pages.

    Mais il existe toutes sortes d'extension pour jQuery faites et maintenues par d'autres developpeurs, et tu peux même en trouver des similaires à celles proposées dans jQuery-UI.
    C'est par exemple le cas des extensions jQuery de Bootstrap ( bootstrap.bundle.min.js ).

    Il y a par exemple d'autres extensions possible pour gérer un drag'n Drop sur GitHub :
    https://github.com/scazzy/jQuery-Draggable
    https://github.com/mikeplate/jquery-drag-drop-plugin
    https://github.com/dbushell/Nestable
    et la liste est sans fin.

    Mais tout ce petit monde la à besoin de jQuery pour fonctionner correctement, parce que ce sont justement.

    Au passage Bootstrap 3 permettait de ne charger que les bibliothèques utiles à ton site, avec ous sans leur grid de fenêtre modal ou je ne sais plus quoi d'autre, je ne suis par certain que ce soit encore le cas, car maintenant on peut directement fabriquer son propre boostrap4 a partir de leur briques sass.
    Et il y a aussi des bibliothèques d'élément Bootstrap prêtes à l'emploi => https://tutorialzine.com/2015/06/12-...strap-examples

    Pour finir de répondre complètement à ta question, rien ne t'interdit de ne pas utiliser jQuery, et même si le fait d'exclure jQuery retire quelques fonctionnalités à Boostrap.
    Il reste la possibilité de faire par exemple un Drag'n Drop en javascript "pur" (on dit Vanilla JS) => https://github.com/sunpietro/dragster (et il y en a aussi des centaines d'autres).

    Mais si tu a choisi d'utiliser Boostrap comme frameWork, ça fait un peu idiot de rejeter jQuery,
    Ces 2 "monstres" on tous deux deux connu leurs cure d'amaigrissement et d'optimisation, vouloir l'un sans l'autre n'est pas très rationnel.

    Pour jQuery-UI cela peut se comprendre, car même parcellaire jQuery-UI pese beaucoup, et en passer par 2 ou trois équivalences Github est acceptable.
    Utiliser des routines trouvées sur Github suppose qu'on soit capable de les maintenir à jour soi-même les contributeurs Github n'y étant nullement tenus.

    Avoir écrit tout cela reste tout de même étrange, tu débute en programmation ou quoi, c'est ici presque tout un cours sur le sujet, et je commence à fatiguer, la...

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Conflit jquery Click et bootstrap ?
    Par jeremm dans le forum jQuery
    Réponses: 4
    Dernier message: 09/05/2015, 11h25
  2. Conflit jQuery sortable et contenteditable
    Par Gueuz dans le forum jQuery
    Réponses: 12
    Dernier message: 19/09/2013, 01h38
  3. Conflit jQuery UI et Ajax
    Par pi-2r dans le forum jQuery
    Réponses: 7
    Dernier message: 09/09/2012, 18h28
  4. Conflits jQuery (sous IE)
    Par passpartout007 dans le forum jQuery
    Réponses: 3
    Dernier message: 23/12/2011, 01h32
  5. Conflit jQuery et SWF
    Par Speedboyz30 dans le forum jQuery
    Réponses: 2
    Dernier message: 13/08/2009, 10h25

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo