javascript - 带有 x-editable 插件的 Bootstrap 工具提示

Question

我正在尝试一起制作工作工具提示和 x-editable 插件

这是我的 anchor 打印代码

  <?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-editable 插件属性时看起来像这样

  <?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-editable 插件不起作用，当我删除它时，x-editable 插件起作用但工具提示不起作用。知道这个错误是从哪里来的吗？

Link to plugin

Answer 1

我在 x-editable 和 bootstrap 工具提示之间也有冲突。阅读完Bootstrap tooltip data-toggle的信息后，我决定尝试使用以下工具提示选择器。

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

这适用于 x-editable 插件，因为您可以指定 data-title 作为选项之一。例如

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

您只需要确保更新对之前工具提示选择器的所有引用。

这将使您能够在同一元素上使用 x-editable 和 bootstrap 工具提示。