如何綁定工具提示到這個html元素

我有這個html元素，當他們在我的代碼console.log。如何綁定工具提示到這個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(); 
      });

來源

2016-09-02 Mohamed Nizar

你檢查的答案嗎？ – Dekel

是的它爲我工作！謝謝。 @Dekel –

如果你想在tooltipster的內容從data-*屬性獲得，你需要設置它的tooltipster構造函數（使用content屬性）內。

下面是一個例子：

$('[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>

來源

2016-09-02 03:31:41 Dekel

如何綁定工具提示到這個html元素

回答

相關問題