如何將工具提示中的圖形與表格

我正在使用bootstrap。我想用工具提示在形式文本內部放置一個圖形。我可以將圖形放在表單文本的右側，但工具提示不起作用。如何將工具提示中的圖形與表格

有什麼想法？

這是HTML

<div class="right-inner-addon table-error"> 
    <a> 
    <i class="glyphicon glyphicon-exclamation-sign red" data-toggle="tooltip" title="Campo obrigatório."></i> 
    <input class="form-control" type="text"/> 
    </a> 
</div>

和我的CSS

.right-inner-addon { 
    position: relative; 
} 
.right-inner-addon input { 
    padding-right: 30px;  
} 
.right-inner-addon i { 
    position: absolute; 
    right: 0px; 
    padding: 8px 10px; 
    pointer-events: none; 
}

來源

2015-10-28 Paulo Frutuoso

可以添加一個[的jsfiddle（http://jsfiddle.net/） – Guy

工具提示是不會自行露面，你必須初始化它們。請參閱下面的回答 – ochi

是的，我知道。也許我沒有正確解釋。我想要這樣的東西： http://jsfiddle.net/pfrutuoso/n9eu89et/4/ –

重讀你的問題，所以這裏的更新。

工具提示不會自行顯示，您必須初始化它們。下面是他們的documentation

出於性能方面的Blurb的，工具提示和酥料餅的數據API是選擇加入，這意味着你必須自己初始化它們。

要初始化它們，請按照下面的JS代碼片段。

而且，您的代碼的CSS屬性：

.right-inner-addon i { 
    position: absolute; 
    right: 0px; 
    padding: 8px 10px; 
    /* pointer-events: none; <!-- remove this line */ 
}

需要，因爲這阻止了扳機，工具提示將其刪除。您還需要指定data-placement屬性（右側，左側等），因爲它缺失。

參見運行example here (fiddle)

$(function() { 
    $('[data-toggle="tooltip"]').tooltip({ 
     'html': true 
    }) 
});

來源

2015-10-28 17:26:04 ochi

如何將工具提示中的圖形與表格

回答

相關問題