引導提示與X-編輯插件

Question

我試圖讓工作的工具提示和X編輯插件一起

這是我的錨打碼

<?php $Cvstate.="<a href=\"#\" id=\"cvstage\" style=\" text-decoration:none;\" data-toggle=\"tooltip\" data-container=\"body\" data-placement=\"top\" data-original-title=\"{$row['idate']}\">Cv Send</a><br><br>" ;?> 

，當添加X-編輯插件屬性長相這樣

<?php $Cvstate .= "<a href=\"#vacancy\" id=\"cvstage\" style=\"margin: 15px; text-decoration:none;\" data-type=\"select\" data-pk=\"1\" data-source=\"/groups\" data-value=\"{$row['id']}\" data-title=\"Select group\" data-toggle=\"tooltip\" data-container=\"body\" data-placement=\"top\" data-original-title=\"{$t['date']}\">Cv Send</a> <br>"; ?> 

問題是，當我加入data-toggle="tooltip"它X編輯插件不工作，當我將其刪除X編輯插件的作品，但提示不運作。從這個錯誤到來的地方有什麼想法？

Link to plugin

Answer 1

我也有過X編輯和引導提示之間的衝突。在閱讀完Bootstrap tooltip data-toggle的信息後，我決定嘗試下面的選擇器來提示工具提示。

$("body").tooltip({ 
    selector: '[data-title]'}); 
}); 

這與x編輯插件，效果很好，因爲你可以指定一個數據標題作爲選項之一。例如。

<a href="#" id="username" data-type="text" data-pk="1" data-url="/post" data-title="Enter username">superuser</a> 

您只需確保您更新所有對先前工具提示選擇器的引用。

這將使您能夠在相同的元素上使用x-editable和bootstrap工具提示。

Answer 2

這裏是固定的代碼。

JS

$("body").tooltip({ 
    selector: '[data-title]' 
}); 

HTML

<a href="#" id="username" data-type="text" data-pk="1" data-url="/post" data-title="Enter username">superuser</a>