电子中的Bootstrap工具提示功能

我正在将Bootstrap与Electron一起使用,并且试图使用包含的工具提示功能。当我将网页作为“传统”网页运行时,工具提示有效(使用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");});

我发现reference到Electron不支持“本机弹出窗口和工具提示”-我认为这意味着我需要提供必需的js支持才能使工具提示起作用。如何在Electron中获得工具提示?而且,如果标准的自举JS在电子系统中不起作用,有人可以解释一下原因,以便在引入其他JS控件/库时可以知道吗?

lcmoba72 回答:电子中的Bootstrap工具提示功能

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

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

现在,Bootstrap工具提示可以正常工作。

本文链接:https://www.f2er.com/3036498.html

大家都在问