Uncaught TypeError: Cannot read property 'documentElement', null

Après je comprend l'bootstrap.js

<script type="text/javascript" src="/js/bootstrap/js/bootstrap.js"></script>

- Je obtenir followning d'erreur dans la console:
Uncaught TypeError: Cannot read property 'documentElement', null

Les bottes effondrement fonctionne très bien mais la console bombardés de cette erreur.
J'ai inclus jquery avant de bootstrap.

Quelqu'un d'autre a eu ce problème avant?

Edit:

  Tooltip.prototype.show = function () {
var e = $.Event('show.bs.' + this.type)

if (this.hasContent() && this.enabled) {
  this.$element.trigger(e)

  var inDom = $.contains(this.$element[0].ownerDocument.documentElement, this.$element[0])
  if (e.isDefaultPrevented() || !inDom) return
  var that = this

c'est un snipet de l'bootstrap.js script.
Il semble que l'erreur vient toujours dans l'info-bulle de la fonction dans le var inDom ligne à la documentElement partie

Quelle ligne de code, le message d'erreur point?
Pourriez-vous s'il vous plaît ajouter une démo en live?
édité question

OriginalL'auteur therabbityouknow | 2014-12-15

  1. 18

    Vous avez plus de chances d'avoir une autre bulle d'aide de la bibliothèque sont toujours en usage (comme JQueryUI/info-bulle) OU que vous essayez de joindre une info-bulle directement à l'élément document. S'il vous plaît regardez dans votre code pour quelque chose comme:

    $(document).tooltip

    ou quelque chose comme ça, et de l'enlever pour faire fonctionner les choses de nouveau. Assurez-vous d'examiner tous les autres .tooltip() d'appel, vous peut-être déjà, puisqu'ils seront plus susceptibles de ne pas travailler plus: vous devez manuellement port à Bootstrap afin de les faire fonctionner de nouveau.

    Si vous voulez garder les deux Bootstrap/info-bulle et JQueryUI/info-bulle (en supposant que votre scénario), vous pouvez utiliser $.widget de.pont pour modifier manuellement le JQueryUI info-bulle nom du plugin:

    //Change JQueryUI/tooltip plugin name to 'uitooltip' to fix name collision with Bootstrap/tooltip
$.widget.bridge('uitooltip', $.ui.tooltip);

    Vous devez pour cela APRÈS l'importation de la JQueryUI fichier js et AVANT d'importer le fichier de Bootstrap fichier js: pendant que vous y êtes, je vous conseille aussi de faire de même avec le bouton/uibutton pour résoudre exactement le même problème. Le code de résultat ressemblera à cela:

    <script type="text/javascript" src="path/to/jqueryui.js" />
<script type="text/javascript">
//Change JQueryUI plugin names to fix name collision with Bootstrap:
$.widget.bridge('uitooltip', $.ui.tooltip);
$.widget.bridge('uibutton', $.ui.button);
</script>
<script type="text/javascript" src="path/to/bootstrap.js" />

    Ensuite, vous pouvez tout simplement ré-acheminer vos $(document).info-bulle appel à $(document).uitooltip pour faire fonctionner le tout.

    Alternativement, si vous ne trouvez pas la délinquance code js et/ou que vous ne voulez pas utiliser $.widget de.brige, vous pouvez toujours manuellement patch bootstrap.js pour éviter ce genre d'erreur. Cela peut être fait en remplacement de la ligne suivante (#1384 bs 3.3.1):

    var inDom = $.contains(this.$element[0].ownerDocument.documentElement, this.$element[0])

    avec cette ligne:

    var inDom = $.contains((this.$element[0].ownerDocument || this.$element[0]).documentElement, this.$element[0])

    Gardez à l'esprit, tho, vous aurez toujours une rupture .tooltip() dans votre code quelque part.

    Voir aussi:

    http://www.ryadel.com/2015/01/03/using-jquery-ui-bootstrap-togheter-web-page/ (un article que j'ai écrit sur mon blog afin de mieux expliquer le problème)

    https://github.com/twbs/bootstrap/issues/14483

    http://jqueryui.com/tooltip/

    OriginalL'auteur Darkseal

  2. 0

    Vérifier si l'élément est null, avant de l'initialisation il

    c'est à dire

    if($('[data-toggle="tooltip"]') != null)
{
    $('[data-toggle="tooltip"]').tooltip();    
}

    OriginalL'auteur Kinjal Pathak