Javascript 如何在工具提示(而不是弹出)中提供链接,当我们将鼠标悬停在按钮上时,应该能够单击相同的按钮
我已经给了一个按钮上的工具提示,当我们在按钮上悬停时,我也提供了文本链接,但是我不能点击链接 我已经给出了全文的链接,但我想给出具体的部分 以下是我的html和引导代码: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
<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仅使用锚定标记