Bootstrap确认图标未显示

Question

我为我的链接创建了一个引导确认：

<a data-toggle="confirmation" data-title="Delete work order[![enter image description here][1]][1]?"
    href="##"><img src="./img/delete.png" height="15" ></a>

和JS：

$('[data-toggle=confirmation]').confirmation({
});

一切正常，但删除和取消图标未显示（下图）。为什么现在显示？有没有办法删除这个图标，只显示带有标签的按钮？

由于

Answer 1

首先确保您的页面中包含以下所有3个文件。 特别是包含字体的css文件。

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

图片未显示，因为您引用了它所在的实际目录的完整链接。

像这样的东西可以给你一个线索

http://localhost/project/img/delete.png

或者您也可以尝试添加两个点（..）以更深入地检索。

../img/delete.png

平均而言，bootstraps有许多漂亮的gliphyicons，你可以在不使用图像的情况下进行整合

您可以使用bootstrap glyphicons尝试此目录

<a data-toggle="confirmation" data-title="Delete work order[![enter image description here][1]][1]?"
    href="##">Delete <span class="glyphicon glyphicon-remove"></span></a>

可以在这里找到关于Boostraph Gliphyicons的更多参考文献 https://www.w3schools.com/bootstrap/bootstrap_ref_comp_glyphs.asp