無鏈接的引導工具提示

爲了節省狹義表格單元格中的空間，我想使用引導工具提示來顯示懸停時的額外內容。但是，工具提示在標籤中使用：rel選項。我不需要鏈接，只需要它的選項......我不希望鏈接去任何地方。我曾經使用過：無鏈接的引導工具提示

link_to display.text, "#", :rel => "tooltip", ...blah..blah 
    link_to_function display.text, "#", :rel => ...blah...blah

兩者都在一定程度上工作，但都返回到頁面的頂部。

它可能使用鏈接的代碼很臭，而鏈接並不是一個鏈接來獲取其他功能。是否有軌道創建虛擬鏈接？是否有一個「批准」的方法來完成這個？

來源

2012-10-23 hellion

您可以初始化除錨點以外的其他元素的工具提示。試試span或div。

來源

2012-10-23 20:08:31 Sara

我有同樣的需要添加工具提示元素，但我不希望它是一個標記。

我選擇使用一個標籤，而不是像這樣：

<span class="glyphicons glyphicons-medicine pharmacy-icon" data-toggle="tooltip" data-placement="right" title="Pharmacy Tooltip"></span>

它將顯示（醫學上glyphicon徘徊時）消息：藥房工具提示

如果你想走得更遠一步，你可以即使風格的工具提示，但是你想要的，下面的代碼塊將如何改變它的造型：

.tooltip { 
    filter: drop-shadow(rgba(0, 0, 0, 0.3) 0 2px 5px); 
    .tooltip-inner { 
    background-color: white; 
    color: red; 
    } 
    .tooltip-arrow { 
    border-right-color: white; 
    } 
}

這將改變的背景顏色oltip和工具提示的箭頭爲白色，並帶有紅色文字和陰影。

如果你使用的引導確保包括下面的代碼行，其中有史以來提示將用於：

$('.someClass').tooltip();

這將確保您使用的引導提示，而不是默認內置瀏覽器工具提示

來源

2017-06-12 13:06:43 ggomersall

無鏈接的引導工具提示

回答

相關問題