2016-05-16 16 views
1

Entschuldigung, wenn dies anderswo oder offensichtlich ist. Ich habe es nach dem Suchen nicht gesehen, und ich bin sehr neu in der Webentwicklung, so dass ich irgendwie im Kreis auf etwas hier laufen kann.Seiten in Smart-Table-Stops ändern JQuery-Funktionen funktionieren nicht mehr?

Details:

ich die Smart-Tischverlängerung (http://lorenzofox3.github.io/smart-table-website/) unter Verwendung von Daten auf einem Tomcat Webapp angezeigt Ich baue. Alles läuft gut, aber ich stoße auf ein Problem mit einigen Funktionen, die ich für Tooltips habe. Ich habe den Code an Ort und Stelle, so dass die X/Y-Koordinaten der Maus folgen werden, und wenn ein Symbol nicht über die Maus verschoben wird, wird es aus dem Bildschirm angezeigt, so dass es nichts stören wird. Um dies zu erreichen, habe ich ein div mit einem span-Element, das den Text enthält, den ich brauche. z.B.

<td st-ratio="60"> 
    <div class="smartToolTip"> 
      Here<span class="smartToolTipText">{{row.hover}}</span> 
    </div> 
</td> 

Problem:

Dies funktioniert in der Smart-Tisch, bis ich Seiten ändern. Wenn ich den Mauszeiger über den Bereich halte, wird der Tooltip-Bereich angezeigt. Die Mauskoordinaten werden nicht mehr zum Aktualisieren des Standorts verwendet. Ich könnte ohne diese Funktionalität der Maus folgen, aber das ist offensichtlich ein Problem, da diese Spanne in einem großen Tooltip viel Platz auf dem Bildschirm einnimmt (siehe, wie es in meinem Plunker unten in die Paginierung div kommt).

Es scheint mir, dass alles in meiner Tooltip.js nach dem Wechseln der Seiten fehlschlägt. Gibt es etwas mit diesem Code, von dem ich nichts weiß?

Plunker:https://plnkr.co/edit/0Eakvt5Cb3hjyZF2t7ad

Hinweis: Ich habe diese Plunker bemerken aus irgendeinem Grund nicht ausgeführt wird in Firefox. Meine Webapp tut das, also mach dir keine Sorgen, das zu beheben. Wenn Sie Firefox verwenden, wechseln Sie bitte zu einem anderen Browser, wenn Sie diesem Link folgen möchten.

Alle und alle Ratschläge/Antworten sind willkommen, und lassen Sie mich bitte wissen, wenn es etwas gibt, das ich klären kann. Erste Post hier, versuchen, Etikette zu folgen, aber möglicherweise etwas fehlen. Danke im Voraus.

EDIT: Lösung:

Per Kommentar hier ein:

Changing pages in smart-table stops JQuery functions from working?

Gefolgt Beratung zu binden Funktion auf mouseout und mousemove Ereignis statt Dokument bereit. Das war alles was ich brauchte.

+0

Könnten Sie 'display: none' mit' opacity: 0' in Ihrem css verwenden, damit der Tooltip nicht über dem Pager/Rest der Tabelle bleibt? – jpmorin

+0

Hier ist Ihr [Plocker] (https://plnr.rc/edit/VPOtTVOjdZZpHbHP5Io8) mit den CSS-Änderungen. – jpmorin

+0

@jpmorin Das wird den Tooltip für die Seite beheben, ja. Aber ich verliere immer noch die Einblendung und Mausverfolgung. Wenn ich/niemand sonst alles zum Laufen bringen kann, werde ich diesen Weg in Erwägung ziehen. –

Antwort