Javascript Img标记（子项）的跨度标记（父项）中的引导工具提示无法加载

我目前有一个无序的列表，其中有多个列表项，其中包含的图像，我想有一个工具提示弹出上方的图像悬停在图像。我被告知在它们周围放置一个跨度标记，它应该可以工作，但我现在只看到一个普通的工具提示。代码如下：

<ul class="list-inline dev-icons">
      <li class="list-inline-item">
        <span class="d-inline-block" tabindex="0" data-toggle="tooltip" data-placement="auto top" title="Microsoft Word">
          <img src="https://png.icons8.com/color/50/000000/ms-word.png">
        </span>
      </li>
      <li class="list-inline-item">
        <span class="d-inline-block" tabindex="0" data-toggle="tooltip" data-placement="auto top" title="Microsoft Excel">
          <img src="https://png.icons8.com/color/50/000000/ms-excel.png">
        </span>
      </li>
</ul>

编辑：来自console.log的错误消息-

未捕获的TypeError:无法读取未定义的属性“indexOf” 在lt popper.js:629 在Object.onLoad popper.js:1134 在popper.js:2342 at Array.forEach 在新的t popper.js:2340 在s.T.show tooltip.js:287 在s.T._输入tooltip.js:548 在HTMLSPANENT。tooltip.js:480 在HTMLSpanElement.handle jquery.min.js:2 在HTMLSpanElement.dispatch jquery.min.js:2

我的js包与包含Jquery数据目标函数代码的sort.js放在一起：

<!-- Bootstrap core JavaScript -->
  <script src="vendor/jquery/jquery.min.js"></script>
  <script src="vendor/popper/popper.min.js"></script>
  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

  <!-- Plugin JavaScript -->
  <script src="vendor/jquery-easing/jquery.easing.min.js"></script>

  <!-- Custom scripts for this template -->
  <script src="js/resume.min.js"></script>
  <script src="js/sort.js"></script>

您应该调用工具提示函数以获得结果

$document.readyfunction{ $'[data toggle=tooltip]'。工具提示； };

---

回答：data placement=auto top由于某些原因不起作用，但data placement=top起作用了

你使用的插件是什么？popper？我现在收到了一些错误，加上错误信息我好像收到了错误信息？是因为我把popper.min.js放进了我的供应商文件夹吗？不用担心。希望你已经解决了。快乐的编码伙伴。干杯如果你能看一下的话，我收到了顶部黄色区块码中的错误信息。我认为这和我的文件包含有关，这是由于js引用的顺序。似乎indexOf无法读取，这是一个jQuery函数。可能需要添加最新版本的jquery。您认为我需要用新版本替换供应商包jquery吗？