Tooltip anzeigen ohne Doppelklick auf Feld?

Question

Wenn ein Benutzer mobil ist. Und klickt, um ein Feld zu bearbeiten. Er muss zweimal klicken, wenn ich einen Tooltip für dieses Feld habe. Einmal, um die QuickInfo anzuzeigen, und dann eine weitere, um das Feld zu bearbeiten. Ich möchte, dass dies nur ein Klick ist, wie es auf einem Computer ist.

Wie können wir Tooltips arbeiten, bei denen der Benutzer nur einmal tippt, um den Tooltip AND anzuzeigen und das Feld auf dem Handy zu bearbeiten?

<div data-toggle="tooltip" title="Tooltip Title, Baby!"> 
    <%= f.number_field :days_challenged, value: 10 %> Day Challenge 
</div> 

<script> 
    $('[data-toggle="tooltip"]').tooltip() 
</script> 

Ich verwende tooltip from bootstrap.

Answer 1

<div onclick="$(this).tooltip('show')" data-toggle="tooltip" title="tooltip text" class="alert alert-danger alert-dismissible fade in" data-dismiss="alert" aria-label="Close"> 
     div content       
</div> 

onclick="$(this).tooltip('show')" zeigt die Tooltip, wenn darauf geklickt.

dann können Sie $(this).tooltip('hide') Methode verwenden, um es wieder zu verstecken.

für den Bearbeitungsteil: Ich bin nicht sicher, was Sie mit der Bearbeitung des Feldes bedeuten, könnten Sie erklären?

EDIT:

<script> 
$("target").click(function() { 
    $(this).tooltip('show'); 
}); 
</script> 

Answer 2

fand ich eine andere simular Tooltip UI. Sie können es finden here

Ich testete es auf meinem eigenen Telefon und es zeigt richtig; Sie müssen nur einmal klicken.