Uncaught TypeError: Cannot read property 'documentElement' null

Nachdem ich auch die bootstrap.js

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

Bekomme ich followning Fehler in der Konsole:
Uncaught TypeError: Cannot read property 'documentElement' null

Die Stiefel Zusammenbruch Prima funktioniert, aber die Konsole bekommen gespammt dieser Fehler.
Ich habe jquery vor bootstrap.

Jemand anderes hatte dieses problem vor?

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

dies ist ein snipet vom bootstrap.js script.
Es scheint, kommt der Fehler immer in der tooltip-Funktion in der var inDom Linie an die documentElement-Teil

Welche code-Zeile tritt der Fehler zeigen?
Könnten Sie bitte fügen Sie eine live-demo?
bearbeitet Frage

InformationsquelleAutor therabbityouknow | 2014-12-15

  1. 18

    Haben Sie wahrscheinlich auch einen anderen tooltip-Bibliothek noch in Gebrauch (wie JQueryUI/Tooltip) ODER wenn Sie versuchen, legen Sie einen tooltip direkt auf das Dokument-element. Bitte schauen Sie in Ihrem code für sowas:

    $(document).tooltip

    oder etwas ähnliches, und entfernen Sie es, um die Dinge wieder funktionieren. Werden Sie sicher, dass alle anderen .tooltip() nennen, die Sie bereits haben könnten, da Sie dann wahrscheinlich nicht mehr funktionieren: Sie müssen manuell deren Portierung auf Bootstrap, damit Sie wieder funktionieren.

    Wenn Sie möchten, um sowohl Bootstrap/Tooltip und JQueryUI/Tooltip (unter der Annahme, dass dein Szenario), die Sie verwenden können,$.- widget.Brücke manuell ändern, die JQueryUI tooltip plugin name:

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

    Müssen Sie diese NACH dem importieren der JQueryUI js-Datei und VOR dem Import der Bootstrap-js-Datei: während Sie auf es auch ich schlage vor, Sie tun das gleiche mit Knopf/uibutton zu lösen, die genau das gleiche problem. Der Ergebnis-code wird wie folgt Aussehen:

    <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" />

    Dann können Sie einfach die Strecke wieder Ihre $(document).tooltip Aufruf $(document).uitooltip damit alles funktioniert.

    Alternativ, wenn Sie nicht finden, die problematische js-code und/oder Sie nicht verwenden will,$.- widget.brige, Sie können immer manuell patch bootstrap.js zu vermeiden, diese Art von Fehler. Diese kann getan werden, indem Sie ersetzen die folgende Zeile (#1384 in bs 3.3.1):

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

    mit dieser Zeile:

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

    Beachten Sie, tho, ist, dass Sie immer noch gebrochen .tooltip () - Aufruf im code irgendwo.

    Siehe auch:

    http://www.ryadel.com/2015/01/03/using-jquery-ui-bootstrap-togheter-web-page/ (ein Artikel schrieb ich auf meinen blog besser zu erklären, das Problem)

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

    http://jqueryui.com/tooltip/

    InformationsquelleAutor Darkseal

  2. 0

    Überprüfen Sie, ob das element null ist, bevor die Initialisierung der es

    d.h.

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

    InformationsquelleAutor Kinjal Pathak

Schreibe einen Kommentar