フィールドをダブルタップしないでツールチップを表示しますか？

Question

ユーザーがモバイル対応の場合。そして、フィールドを編集するためにクリックします。私はそのフィールドのツールチップを持っているなら、彼は2回クリックしなければなりません。一度ツールチップを表示し、次に別のフィールドを編集します。これはコンピュータ上にあるように、これをクリックするだけです。

ユーザーがツールチップを表示してモバイル上のフィールドを編集するためにタップするだけで、ツールチップの作業を行うにはどうすればよいですか？

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

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

私は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')"は、クリックするとツールチップが表示されます。

$(this).tooltip('hide')メソッドを使用すると、再び非表示にすることができます。

編集部分： フィールドの編集の意味がわかりません。説明できますか？

EDIT：

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

Answer 2

私は別のまねツールチップUIを発見しました。 あなたはそれを見つけることができますhere

私は自分の電話でそれをテストし、正しく表示されます。一度クリックするだけです。