Tag: 工具提示

Bootstrap的工具提示在button单击和鼠标按键后不会消失

我有一个bootstrap的工具提示问题:当我点击一个button时,即使光标位于button之外,工具提示仍会保留。 我已经看了手册 – Bootstrap的工具提示 ,如果我点击button,我看到了同样的问题。 有没有解决scheme来解决这个问题? 刚试过最新的FF,IE。

如何在HTML“选项”标签上显示工具提示?

无论是使用纯HTML还是jQuery辅助的JavaScript,如何在单个<option>元素上显示工具提示以帮助决策过程( 没有足够的空间用于其他types的控制,并且需要一些帮助 )。 这可以通过插件或类似的方式来完成吗? 我已经尝试了几个工具提示插件jQuery没有成功(包括一个称为工具提示)。 该解决scheme应该: 在IE,WebKit以及Gecko中工作; 利用标准的<select>包装的<option>元素。 因此,如果解决scheme想要使用其他标签,它应该将这些元素dynamic地转换成它所需要的(不要指望最初的标记是任何不同的)。 这里的代码可以在这里find,它是在SafeSurf部分下,我想显示一些关于选项的含义翻转选项的帮助。 目前只能“事后”展示,给用户一些前期的帮助是有好处的。 欣赏这不是件容易的事情,而且可能需要创造一些东西 – 所以奖金将会颁发给最完整的解决scheme,或者是让我最接近我所能创造的解决scheme的具体钩子。

Bootstrap工具提示导致button跳转

当我将鼠标hover在button上并出现工具提示时,button跳转。 如果我禁用了工具提示,它不会跳转。 另外,右边的button失去了圆angular的边缘。 我怎样才能防止这种情况发生? <div class="btn-group"> <a rel="tooltip" class="btn" href="#" data-title="View Details"><i class="icon-list-alt"></i></a> <a rel="tooltip" class="btn" href="#" data-title="Delete"><i class="icon-trash"> </i></a> </div> 使用Javascript: $('[rel=tooltip]').tooltip(); 工作版本… http://jsfiddle.net/BA4zM/147/ 这是一个网站,它没有跳跃工作… http://wrapbootstrap.com/preview/WB005S479

如何添加一个工具提示到一个SVGgraphics?

我有一系列的svg矩形(使用D3.js),我想在鼠标hover上显示一条消息,消息应该被作为背景的框包围。 他们应该完全alignment到矩形(在顶部和居中)。 做这个的最好方式是什么? 我尝试使用“x”,“y”,“width”和“height”属性添加一个svg文本,然后添加一个svg矩形。 问题是,文本的参考点是在中间(因为我希望它居中alignment我使用text-anchor: middle ),但对于矩形它是左上angular的坐标,再加上我想围绕文本的一点空白这使得它有点痛苦。 另一个select是使用html div,这将是很好的,因为我可以直接添加文本和填充,但我不知道如何获得每个矩形的绝对坐标。 有没有办法做到这一点?

触摸时代的工具提示

工具提示是知道应用程序的非常有用的接口范例。 它们是视觉控制和与该控制相关的应用特定操作之间的映射。 用户可以通过hover鼠标指针来浏览操作而不用调用它。 触摸设备使这种范例基本上不可能。 这限制了应用程序的可用性,这在某些情况下变得相当神秘。 你知道触摸设备是否存在替代工具提示的概念吗? 它们实际上缺乏用户界面的一个自由度:指针位置。 如何有效地恢复这种沟通渠道?

是否可以格式化HTML工具提示(标题属性)?

是否可以格式化HTML工具提示? 例如我有一个属性title =“foo!”的DIV。 当我的浏览器的文本大小放大或缩小时,工具提示的文本大小保持不变。 有没有办法使浏览器设置的工具提示字体缩放?

工具提示图像

我正在使用工具提示。 但我想要的图像标签,就像当我鼠标hover的形象,那么工具提示应该工作。 我已经尝试过,但没有为我在图像标签上工作。

我如何添加提示或工具提示到C#Winforms中的标签?

看来Label没有Hint或ToolTip或Hovertext属性。 那么当鼠标靠近Label时,首选的方法是显示一个提示,工具提示或hover文本?

引导“工具提示”和“popup”在表中添加额外的大小

注意: 根据你的Bootstrap版本(3.3之前或之后),你可能需要一个不同的答案。 注意笔记。 当我激活工具提示(hover在单元格上)或popup此代码时,表的大小正在增加。 我怎样才能避免这一点? 这里emptyRow – 用100来产生tr的函数 <html> <head> <title></title> <script type="text/javascript" language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <link type="text/css" rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css"> <script type="text/javascript" language="javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.2.1/bootstrap.min.js"></script> <style> #matrix td { width: 10px; height: 10px; border: 1px solid gray; padding: 0px; } </style> <script> function emptyRow() { str = '<tr>' for (j = 0; j < 100; j++) { […]

在工具提示中添加换行符

如何在HTML工具提示中添加换行符? 我尝试在工具提示中使用<br/>和\n如下: <a href="#" title="Some long text <br/> Second line text \n Third line text">Hover me</a> 然而,这是无用的,我可以看到文字文字<br/>和\n在工具提示内。 任何build议都会有所帮助。