Electron 中的引导工具提示功能答案

【问题标题】：Bootstrap Tooltip Functionality in ElectronElectron 中的引导工具提示功能
【发布时间】：2020-03-20 18:07:29
【问题描述】：

我正在使用带有 Electron 的 Bootstrap，并且我正在尝试使用包含的工具提示功能。当我将该页面作为“传统”网页运行时，工具提示有效（使用 Chrome）。当我在 Electron 中运行它时，它不起作用，只是显示为标题类型的鼠标悬停。代码：

<button id="btn-submit" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Button</button>

然后

<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script>
<script>
    (function () {
        $('[data-toggle="tooltip"]').tooltip();
        const { ipcRenderer } = require("electron");});

我发现 Electron 的 reference 不支持“本机弹出框和工具提示” - 我认为这意味着我需要提供所需的 js 支持才能使工具提示正常工作。如何在 Electron 中获取工具提示？如果标准引导 JS 在电子中不起作用，有人可以解释为什么我可以在寻求引入其他 JS 控件/库时知道吗？

【问题讨论】：

标签： javascript html bootstrap-4 electron twitter-bootstrap-tooltip

【解决方案1】：

在检查其他一些不起作用但应该具有的功能时，我发现了答案。虽然我在引导文档中没有找到对此的任何引用，但似乎 jquery 没有初始化。我将 jquery 导入修改如下：

<script src="~/lib/jquery/dist/jquery.min.js" onload="window.$ = window.jQuery = module.exports;"></script>

现在 Bootstrap 工具提示按预期工作。

【讨论】：