Ist es möglich, sich zu verstecken Titel, wenn die Maus für ein Bild?

Dies ist mein code:

<img src="image.jpg" alt="" title="some title" />

Wenn ich hover, Bild "einige Titel" wird angezeigt. Ist es möglich, die versteckt werden?

Würden Sie nicht lieber entfernen? Wenn Sie nicht wollen, dass es auf der Messe zu schweben, wenn Sie den Titel verwenden?
Haben Sie versucht, etwas? Wollen Sie dauerhaft entfernen Sie die Titel aus?
Ich benutze jQuery um Titel von Bild und zeigt Sie auf das Bild. Ich brauche es nicht auf schweben dann.
warum wollen Sie das tun? Titel ist wie gemacht für diesen Zweck, wenn Sie möchten ein benutzerdefiniertes Attribut hinzufügen, um den tag etwas schreiben wie data-title="Titel" oder verwenden Sie das alt-Attribut
Ich denke, ich werde gehen mit Ihrer Lösung (data-title statt title) obwohl es gibt 5 gute Antworten gibt 🙂 Danke!

InformationsquelleAutor Atadj | 2012-06-29

6

Es kann leicht getan werden, da einige Antworten weisen darauf hin, aber zu wissen, was Sie tun möchten, mit Titel, würde ich eine Daten-* benutzerdefiniertes Attribut, oder bringen Sie die Titel .Daten()
```
<img src="image.jpg" alt="" data-title="some title" />
```
oder
```
$('img').data('title', 'some title');
```
Ja, ich gehe mit dieser Lösung, wie es passt meine Bedürfnisse am meisten, auch wenn jede Antwort auf diese Frage ist ebenso gut 🙂 ich denke, es würde mehr Sinn machen, um es zu bewegen, um Daten-Titel, anstatt versteckt Originaltitel="" on hover. Danke!

InformationsquelleAutor davids
3

Es ist einfach genug, um die zu entfernen title Attribut, sondern 'versteckt' ist nicht möglich (so weit ich bewusst bin); um zu entfernen der Titel der folgenden Arbeit sollte derzeit aber noch ungetestet:
```
$('img').hover(
    function(){
        $(this).data('originalTitle',$(this).title());
        $(this).removeAttr('title');
    },
    function(){
        $(this).attr('title',$(this).data('originalTitle');
    });
```
In den oben genannten habe ich gewählt, um verschieben Sie das Attribut, und dann ersetzen Sie es auf die Maus aus.

Entfernen der title dauerhaft:
```
$('img').removeAttr('title');
```
Referenzen:
- attr().
- data().
- hover().
- removeAttr().
Danke für deine Lösung. Es offensichtlich funktioniert und ich könnte es verwenden, aber ich denke, ich werde gehen mit data-title="" anstatt, wie man die anderen Antworten suggeriert. Es macht einfach mehr Sinn in meinem Fall, weil ich Druck mache title-tag auf der Oberseite des Bildes mit jQuery.
Überhaupt kein problem. =)

InformationsquelleAutor David Thomas
2

Können Sie es verschieben, um Bild-Daten,... und zurück. Wie
```
$('img').hover(
  function () {
    $(this).data('title',$(this).attr('title')).removeAttr('title');
  }, 
  function () {
    $(this).attr('title',$(this).data('title'));
  }
);
```
Danke für deine Lösung! Es offensichtlich funktioniert, aber ich beschloss, gehen Sie mit dem data-title-Attribut statt. Die anderen Antworten haben mich überzeugt, dass es besser ist Methode in meinem Fall.

InformationsquelleAutor Sergei Zahharenko
0

Nein, nicht wirklich. Aber man könnte es ersetzen mit JavaScript, oder lassen es einfach leer.

jQuery Beispiel:
```
$('[title]').removeAttr('title');
```
InformationsquelleAutor Simone
0

Ja! mit jQuery können Sie es entfernen, auf mouseover und fügen Sie es wieder onmouseout -
```
$(function(){
  var ttext;
  $('img').hover(function(){
    ttext = $(this).attr('title');
    $(this).removeAttr('title');
  },
  function(){
    $(this).attr('title', ttext);
  });
});
```
Danke für deine Lösung! Es offensichtlich funktioniert, aber ich beschloss, gehen Sie mit dem data-title-Attribut statt. Die anderen Antworten haben mich überzeugt, dass es besser ist Methode in meinem Fall.

InformationsquelleAutor Dipak
0

Art von lächerlich, dass auf Stack Overflow, fünf Personen geben kann, die gleiche Antwort zur gleichen Zeit 😛
```
$(function(){
    $('img').hover(function(){
        $(this).removeAttr('title');
    }, function(){
        $(this).attr('title','some title');
    });
});
```
Ja, ich habe die Frage gepostet, und 5 Antworten erschienen in der gleichen Zeit zwei Minuten später 🙂 Jeder ist gleich.

InformationsquelleAutor Jezen Thomas
0

Etwas, ich habe versucht, und arbeitete mit jQuery /jQuery UI auf Chrome mindestens:
1. Erstellen Sie das Objekt, das Sie wollen (und nicht wollen), um einen Titel haben.
2. Wenn alle diese Elemente vorhanden sind, wird eine QuickInfo hinzufügen.
3. Gehen Sie durch alle Elemente, die Sie nicht wollen, dass der QuickInfo-Anzeige der üblichen Weise, und setzen Sie den tooltip zu ''.
Beispiel aus meinem code, welcher nach dem Namen der HTML-Elemente stehen zur Verfügung:
```
jQuery(document).tooltip();
for(var index = 0; index < sites.length; ++index) {
    jQuery('#' + sites[index][0]).attr('title', '');
}
```
InformationsquelleAutor Christos Hayward

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.