工具提示無法根據窗口大小進行調整

Question

我使用的Tipped插件tooltip..as我使用了一個插件，在這之前是ace admin plugin和Tipped ，但問題是，它亘古不變的調整位置根據窗口size..In免費版放倒功能的一些不存在的。主要問題我得到的是我已在負載上設置了工具提示，並在檢查條件后嘗試更改它，但同時顯示了兩個工具提示

代碼：

var a=document.createElement('a');
a.setAttribute('id','23_34');
a.setAttribute('title', 'Transcription ID: ');  

 if (data == true) {
Tipped.remove("#23_45");
Tipped.create("#23_45", $('<p/>').html('Transcription ID:
}

並且它顯示兩個工具提示都不能刪除第一個。.任何人有解決方案或建議我根據窗口高度自動調整其位置的任何工具提示？

Answer 1

如果您不想使用任何插件作為工具提示，而只是CSS，則此答案可能會有所幫助。

HTML：

<a href="" class="tooltip_custom" data-title="text on hover"></a>

CSS：

.tooltip_custom{
    display: inline;
    position: relative;
}
.tooltip_custom:hover:after{ 
    background: #333; 
    background: rgba(0,0,0,.9); 
    border-radius: 5px; bottom: 26px; 
    color: #fff; font-size: 12.2px; 
    content: attr(data-title); 
    left: 113%; 
    bottom:-30%; 
    padding: 4px 7px; 
    position: absolute; 
    z-index: 500000000; 
    width: auto; 
} 
.tooltip_custom:hover:before{ 
    border: solid; 
    border-color: #333 transparent; 
    border-width: 6px 6px 0 6px; 
    bottom: 5px; 
    transform:rotate(90deg); 
    left: 100%; content: ""; 
    position: absolute; 
    z-index: 5000000001; }