So deaktivieren Sie den Titel in select2
Ich habe ein select2 DropDown, das so aussieht:
%Vor%Es bekommt seine Werte von meinem Modell in html:
%Vor%
Alles funktioniert gut, AUSSER wenn ich einen Gegenstand wähle und er geladen ist, kann ich über das Dropdown-Menü schweben und er zeigt mir die ID des Gegenstandes. Ich möchte die ID nicht zeigen!
Auf dem Bild sehen Sie das Dropdown und die Artikelnummer, die erscheint, wenn ich den Mauszeiger über "Ice Tea"
halte Ich weiß, dass select2 die ID von var id = e.params.data.title; bekommt, aber wie kann ich das ändern?
Es funktioniert nicht mit var id = e.params.data.id;
Ich habe versucht, Tooltip zu verwenden, aber ich bin neu.
%Vor%Ich möchte nur die ID im Drop-down-Menü loswerden, während ich den Mauszeiger darüber bewege. Jede Hilfe wird geschätzt.
4 Antworten
Das Problem kann in Select2 v4 reproduziert werden, indem Sie die Maus über das Auswahlfeld (im Einzelauswahlmodus) oder über die ausgewählten Tags (im Mehrfachauswahlmodus) bewegen:
Das Plug-In hängt standardmäßig ein title -Attribut an diese Elemente an, und es gibt keine Konfigurationsoption, um dieses Verhalten zu deaktivieren.
Ich hatte am Ende eine kleine Erweiterung für das Select2 -Plugin geschrieben.
Ich habe eine neue Option hinzugefügt, selectionTitleAttribute , die auf false gesetzt werden muss, um das Attribut title zu entfernen.
Fügen Sie den folgenden Code direkt nach der js-Datei des Plugins hinzu:
%Vor%Verwendung
Initialisiere das select2-Plugin mit der Option selectionTitleAttribute auf false :
Demo
Geige: Ссылка
Versuchen Sie, den Tooltip für das erstellte select2 zu deaktivieren.
%Vor%Ich könnte etwas spät dran sein, aber keine dieser Lösungen funktionierte für mich, da ich select2-Felder dynamisch zu UI hinzufügte.
Dieser Code hat den Trick für mich gemacht:
%Vor%Wenn Sie auch select2-Felder dynamisch hinzufügen, vergessen Sie nicht, diesen Code immer vor dem ersten auszuführen:
%Vor% Dieser Code entfernt zuerst on hover Listener für alle select2-Felder.
Tags und Links jquery tooltip jquery-select2 jquery-select2-4 select2