Bootstrap et jQueryUI Conflit

J'essaie d'utiliser tooltip sur une vue qui fait référence à la fois jQueryUI et Bootstrap 3 . J'ai fait un échantillon ici . Si je charge le Boostrap après les js jQueryUI, l'appel tooltip() est réussi mais si j'appelle jQueryUI après Bootstrap, je reçois une erreur et rien ne fonctionne. Vous pouvez l'essayer vous-même. Il y a beaucoup de discussions sur Internet et j'ai demandé à propos de GitHub mais je n'ai pas encore trouvé de solution.

Une solution idéale sera de prendre QueryUI sans tooltip. Cela fonctionnera. Dans le cas où vous ne voulez pas le faire, veuillez inclure Bootstrap après JQueryUI. Assurez-vous d'avoir des composants uniques de chacun (vous pouvez personnaliser les deux bibliothèques avec les composants requis)

Bootstrap a le moyen de réinitialiser n'importe quel composant comme:

 var bootstrapButton = $.fn.button.noConflict() // return $.fn.button to previously assigned value $.fn.bootstrapBtn = bootstrapButton // give $().bootstrapBtn the Bootstrap functionality

Le code ci-dessus fonctionnera lorsque le bootstrap est chargé après JQueryUI

Ref: http://getbootstrap.com/javascript/

Voici le code pertinent de Bootstrap:

  var old = $.fn.tooltip $.fn.tooltip = function (option) { .... } $.fn.tooltip.noConflict = function () { $.fn.tooltip = old return this }

Au lieu d'inclure jquery-ui.js , incluez les bibliothèques individuelles au besoin et laissez échouer l'info-bulle jquery-ui.

Par exemple, si tout ce dont vous avez besoin est jquery-ui sorttable, utilisez ceci:

 <script src="bower_components/jquery/dist/jquery.js"></script> <script src="bower_components/jquery-ui/ui/core.js"></script> <script src="bower_components/jquery-ui/ui/widget.js"></script> <script src="bower_components/jquery-ui/ui/mouse.js"></script> <script src="bower_components/jquery-ui/ui/sortable.js"></script>