Twitter Bootstrap, zeigen alle popovers auf ein div
Habe ich versucht, das folgende zu erzielen, mit Twitter Bootstrap 2.0, und es ist popover-plugin, aber nach ein paar Stunden, ich kann immer noch nicht herausfinden.
Lasst uns einfach sagen, auf der unten linken Ecke von meiner Seite bekam ich ein Bild mit einem Vogel. Dieser Vogel sollte "sprechen" alle popover, zum Beispiel diejenigen, die für ein Anmeldeformular, auf der Oberseite des Vogels. Ist das möglich?
Zum besseren Verständnis erstellt habe ich eine test-Website hier. Wenn Sie die Maus über die Felder für die Registrierung, gibt es die popovers. Ich will, dass Sie erscheinen, über den Vogel-img in der unteren linken Ecke, aber ich weiß nicht, wie Sie diese erreichen. Es wäre toll, wenn Ihr mir helfen könntet.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Methode 1:
Die jQuery-hover-handler ein "in" und "out" - Methode und in Ihrem Beispiel, das Sie nur die Zuordnung des "in" - Methode, um zu zeigen das popup. Das ist in Ordnung, aber anstatt hängen Sie es an "dieser", sollten Sie fügen Sie es Ihrem Vogel Bild. Stellen Sie sicher, dass das auslösen des popup manuelle auch. Dann in die "out" - Methode: hover, müssen Sie nur verstecken die popover.
Methode 2:
Abwechselnd, halten, was Sie haben, aber verwenden Sie die "selector" - option zur Verfügung gestellt, und geben Sie Ihre Vogel-Bild als parameter, dieser löst das popover aus Ihrer Kontrolle, sondern delegieren Sie an Ihre Vogel-Bild.
EDIT: Hinzugefügt Beispielcode.
Ich habe keine chance diesen zu testen, so könnte es einige syntax-Fehler oder so etwas, aber die Allgemeine Idee ist es.