jquery-ui - 在悬停/焦点上显示密码要求引导弹出窗口并在弹出窗口中传递显式 Html 内容以显示

Question

我们如何在悬停时使用 twitter Bootstrap 弹出窗口和 jquery 显示密码字段的密码要求。

<input id = "txtPassword" type = "password"  title ="password" />

1. 我想将自定义“html”作为弹出框的内容传递。
2. 将弹出窗口的标题更改为自定义标题
3. 将弹出窗口的样式从当前的基本样式更改为自定义样式。

Answer 1

对于初学者，您可以使事情变得简单并使用最简单的popover引导程序：

1.在您的项目中包含正确的引导文件以使其工作：bootstrap-tooltip.js 湾。bootstrap-popover.js C。jquery.min.js d。bootstrap.css

2.仅将元素用作将触发的元素popover，例如：

<a href="#" id="example" rel="popover" data-content="It's so simple to create a tooltop for my website!" data-original-title="Twitter Bootstrap Popover">hover for popover</a>  

with ：id="example"您可以访问元素jquery以显示内容popover

on the data-content="some text"：这是将显示在popover窗口上的文本

on the data-original-title="some title"：您可以决定在popover窗口上显示什么标题

3.jquery使用访问和激活popover这样的：

$(function ()  
{ $("#example").popover();  
});  

就从那开始，然后尝试更深入地挖掘你的目标。