Ich versuche verschiedene Breiten für verschiedene Tooltips zu setzen. Ich habe einen Tooltip auf Hyperlink und einen Tooltip auf h1 Element. Für Hyperlink habe ich großen Text, also brauche ich die Breite der Werkzeugspitze groß, aber für h1 Element Standardbreite ist in Ordnung.
Wenn ich versuche, die CSS zu überschreiben, werden alle Tooltips betroffen. Gibt es eine Möglichkeit, die Breite einer QuickInfo inline dem Element zuzuordnen, auf dem die QuickInfo angewendet wird
%Vor%Ich habe versucht, zwei verschiedene Tooltip-Innenstile in der CSS als a.tooltip-inner und h1.tooltip-inner mit verschiedenen Breiten hinzuzufügen, aber es wird nicht wirksam
JSFiddle-Verknüpfung Ссылка
Gibt es einen anderen Weg, dies zu erreichen?
Danke.
Die einzige Möglichkeit, dies zu erreichen, ist das Überschreiben der Standardvorlage für den Tooltip. Dann verwendest du verschiedene Selektoren für große und normale Tooltips;
%Vor%Hinweis: Ich habe die Klasse groß zum Tooltip-inneren Element hinzugefügt. Sie können dann CSS verwenden, um diese Größe anzupassen;
%Vor%Geben Sie dem Container div eine Klasse:
%Vor% %Vor%Um unterschiedliche Breiten für QuickInfos zu erhalten, anstatt verschiedene Templates hinzuzufügen, können verschiedene CSS-Klassen für das Containerelement hinzugefügt werden, und wir können die Breite jedes Elements entsprechend ändern.
Der Fehler liegt darin, dass Sie denselben Selektor für den Tooltip verwenden. Sie müssen einen anderen Selektor verwenden und die Einstellungen auf sie anwenden:
Im folgenden JSFiddle habe ich die Klasse des zweiten Elements in example2 geändert und die Einstellung für diesen Selektor im JS-Code hinzugefügt.
HTML:
%Vor%JS:
%Vor%Um die Dimension des Tooltips zu ändern, siehe: Wie änderst du die Breite und Höhe der Tooltips von Twitter Bootstrap?
Ich hatte das gleiche Problem, aber .tooltip-inner{width} für meine Aufgabe konnte die Arbeit nicht richtig machen. Wie bei anderen (d. H. Kürzeren) Tooltips war die feste Breite zu groß. Ich war faul, separate HTML-Vorlagen / Klassen für Zillionen von Tooltips zu schreiben, also habe ich einfach alle Leerzeichen zwischen Wörtern mit in jeder Textzeile ersetzt.
Tags und Links javascript jquery css twitter-bootstrap