クリックなしで自動的にブートストラップツールチップを開く方法

Question

クリックなしでブートストラップツールチップを自動的に開く方法を教えてください。 私の場合は、データをデータベースに送信するフォームがあり、ユーザーはツールチップの新しいフォームフィールドで開くことができます。それは完全に機能します。

私は彼のIDを自分のIDのトラフを見つけて、彼のデータを編集するためにフォームにすべてを表示することができます同じフォームを持つ新しいPHPドキュメントがあります。 しかし、私はすでに、情報を持っているすべてのツールチップフォームフィールドが自動的に開くようにしたいので、彼自身で開いて彼が入力したすべてを見る必要はありません。情報がないエリアは閉じたままにしてください。

私は自分のコードを示しています。単純な部分なので、簡単に概要を表示することができます。ここで彼は3つの異なるフォームエリア（ブートストラップのツールチップで開く）に日付を入力できます。

<div> <a id="data1" data-toggle="tooltip" data-placement="right"> 
<i class="fa fa-plus-circle fa-4x" aria-hidden="true"></i> </a> 
<a id="data1" data-toggle="tooltip" data-placement="right"> 
<i class="fa fa-minus-circle fa-4x" aria-hidden="true"></i> </a> </div> 

      <div id="data1"> 

       <label for="date1">Date:</label> 
       <input type="hidden" name="hidden_date_1" id="hidden_date_1" value="0"> 
       <input type="hidden" class="slider-input" value="23" /> 
       <input id="date_2" name="date_2" value="<?php echo $Date_1;?>"> 

       </div> 

      <div id="data2"> 

       <label for="date2">Date:</label> 
       <input type="hidden" name="hidden_date_2" id="hidden_date_2" value="0"> 
       <input type="hidden" class="slider-input" value="23" /> 
       <input id="date_2" value="<?php echo $Date_2;?>"> 

       </div> 

      <div id="data3"> 

       <label for="date3">Date:</label> 
       <input type="hidden" name="hidden_date_3" id="hidden_date_3" value="0"> 
       <input type="hidden" class="slider-input" value="23" /> 
       <input id="date_3" value="<?php echo $Date_3;?>"> 

       </div> 

私は多分sthと言うことができると考えました。好き。 ：date_1にデータベースにエントリがある場合は、ツールチップを自動的に開き、そうでない場合は... date_2とdate_3も同じです。しかし、私はそれを表現する方法を見つけることはありません。をする方法知ってますか？

Answer 1

ブートストラップのJavaScript APIを使用して直接表示することができます。

jQueryを使ってそれを切り替える例：

$(selector).tooltip('show');