der Tooltip in Bootstrap funktioniert nicht nach Ajax

Ich habe eine Datei mit dem Namen index.php, die in ich eine andere Datei mit dem Namen file1.php (in index.php schließe ich alle notwendigen Dateien für jQuery, js usw.). In file1.php habe ich eine Tabelle mit Buttons, die jeweils ein Modal öffnen. Die Information im Modal stammt von einem Ajax-Aufruf für file2.php. In file2.php erstelle ich eine Tabelle. In der Tabelle habe ich die Zelle:der Tooltip in Bootstrap funktioniert nicht nach Ajax

<button class='btn btn-default tooltip-default' data-toggle='tooltip' data-trigger='hover' data-placement='top' data-content='content' data-original-title='Twitter Bootstrap Popover'>AAA</button>

und, nun, der Tooltip funktioniert nicht. aber, wenn ich dies kopieren und es in file1.php, unter der Tabelle erhalten, funktioniert der Tooltip.

Kann mir jemand helfen, den Tooltip zu reparieren? Thx.

Quelle

2015-09-07 Yuvalb

Ich denke, dass Sie den Tooltip auf die neu angekommenen Daten, z.

$('[data-toggle="tooltip"]').tooltip();

Platzieren Sie diesen Code nach der DOM-Manipulation in Ihrem AJAX-Success-Handler.

Quelle

2015-09-07 21:25:26 Tom

Die Antwort funktionierte, aber zur weiteren Klärung, legte ich den folgenden Code am Ende meiner AJAX-Seite zurückgegeben werden. – user1405736

Ich habe den Code nach der DOM-Manipulation zu meinem AJAX-Success-Handler hinzugefügt. Es hat funktioniert, und dann hat es nicht funktioniert. Ich bin verwirrt, warum es nicht immer funktioniert. Ich habe ein Formular, wo der Benutzer mehrere Filter auswählen, Formular absenden und Ergebnisse erhalten kann ... und den Vorgang wiederholen. Der AJAX führt eine Abfrage für die Ergebnisse durch und zeigt sie an. Es ist in den Ergebnissen, wo ich möchte, dass ein Stück Daten als Tooltip oder Popover fungiert. Es kann für 1 oder 2 Formulareinreichungen funktionieren, und danach funktioniert es nicht mehr. Ich muss die Hauptseite neu laden, damit sie wieder funktioniert. – Roberto

@Roberto, vielleicht weil Ihre Erfolgsfunktion nicht aufgerufen wurde und Ihr Ajax den Fehlerhandler aufruft. Das Aufrufen des gesamten Handlers sollte konsistenter sein. – eaglei22

ich meine Werkzeugspitze durch Platzierung wie so nach oben:

function setUpToolTipHelpers() { 
    $(".tip-top").tooltip({ 
     placement: 'top' 
    }); 
    $(".tip-right").tooltip({ 
     placement: 'right' 
    }); 
    $(".tip-bottom").tooltip({ 
     placement: 'bottom' 
    }); 
    $(".tip-left").tooltip({ 
     placement: 'left' 
    }); 
}

diese bereit Aufruf mit einem Dokument initialisieren:

$(document).ready(function() { 
     setUpToolTipHelpers(); 
    });

So kann ich die Platzierung der Werkzeugspitze bestimmen kann, und Ich muss nur die Spitze mit einer Klasse und Titel zuweisen:

<td class = "tip-top", title = "Some description">name</td>

Dann rufe ich, "setU pToolTipHelpers() "in meiner Erfolg Ajax-Funktion. Oder Sie können es auf die komplette Funktion auch nennen. Das scheint mir gut zu gehen.

Quelle

2017-10-19 19:23:11 eaglei22

der Tooltip in Bootstrap funktioniert nicht nach Ajax

Antwort

Verwandte Themen