引导提示与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>