このhtml要素にツールチップをバインドする方法

Question

私のコードにのhtml要素があるとします。

<span id="stamps[12]" class="stamps value widget-data tooltipstered" data-value="0.00" data-toggle="tooltip">0.00</span> 

これは私がtooltipster.Butを呼び出す方法ですが、機能しません。

$($(htmlData)).find('[data-toggle="tooltip"]').each(function(v){ 
       console.log(this); 
       $(this).tooltipster(); 
      }); 

Answer 1

あなたがtooltipsterの内容がdata-*属性から取得したい場合は、（content属性を使用します）tooltipsterコンストラクタ内で設定する必要があります。ここで

は一例です：

$('[data-toggle="tooltip"]').each(function(v){ 
 
    console.log(this); 
 
    $(this).tooltipster({ 
 
    content: $(this).data('value') 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.3.0/css/tooltipster.min.css"> 
 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.3.0/js/jquery.tooltipster.min.js"></script> 
 
<span id="stamps[12]" class="stamps value widget-data tooltipstered" data-value="0.00" data-toggle="tooltip">0.00</span> 
 
<br /> 
 
<span id="stamps[13]" class="stamps value widget-data tooltipstered" data-value="12.23" data-toggle="tooltip">12.23</span>