Javascript 如何在工具提示(而不是弹出)中提供链接,当我们将鼠标悬停在按钮上时,应该能够单击相同的按钮

Javascript 如何在工具提示(而不是弹出)中提供链接,当我们将鼠标悬停在按钮上时,应该能够单击相同的按钮,javascript,html,bootstrap-4,Javascript,Html,Bootstrap 4,我已经给了一个按钮上的工具提示,当我们在按钮上悬停时,我也提供了文本链接,但是我不能点击链接 我已经给出了全文的链接,但我想给出具体的部分 以下是我的html和引导代码: <a disabled data-html="true" style="float:right !important;" class="btn btn-info btn-sm pull-right" href="https://www.google.com" data-toggle="to

我已经给了一个按钮上的工具提示,当我们在按钮上悬停时,我也提供了文本链接,但是我不能点击链接

我已经给出了全文的链接,但我想给出具体的部分

以下是我的html和引导代码:

<a disabled data-html="true"
    style="float:right !important;"
    class="btn btn-info btn-sm pull-right"
    href="https://www.google.com"
    data-toggle="tooltip" data-html="true"
    title="<a href='https://www.google.com' target='blank'>Print feature is enabled for subscription users. Sign up Today<a href="https://www.talentinsights.com/contact-us/">Print Result Summary</a>

我已经解决了这个问题:

<span class="d-inline-block pull-right btn-sm pull-right" tabindex="0" data-toggle="tooltip">
                                <button type="button" class="btn btn-primary" data-toggle="tooltip" data-html="true" title="
                                   Print feature is enabled for subscription users.<a href='www.google.com'> Sign up Today</a>">
                                    Print Result Summary
                                </button>
                            </span>

以下方法的方向如何:



    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style>
            p.myTooltip {
                display: none;
                background-color: yellow;
                padding: 10px;
                margin-top: -5px;
                z-index: 10;
                position: relative;
                opacity: 0.8;
            }

            div:hover p.myTooltip {
                display: block;
            }
        </style>
    </head>
    <body>
        <div>
            <input type="submit" value="Hover me and see" />
            <p class="myTooltip">
                Tada here I am <a href="https://www.google.com">Google me</a>
            </p>
        </div>
    </body>
    </html>


您的标题属性中有一个锚定标记。我是否应该将其替换为按钮?标题的可能副本应为纯文本。OLTIP仅使用锚定标记