Tag: 工具提示

jQuery UI Datepicker与jQuery tipsy

有关如何在jQuery的UI Datepicker上实现技巧工具提示的任何想法？ 基本上我想在用户在Datepicker中的特定日期移动时获得工具提示。 Datepicker将以内联方式显示并始终可见。 谢谢！

带链接的jquery UI工具提示html

我想使用jquery UI工具提示。 在工具提示中，我希望html中会有一个链接。 我看到这篇文章（ Jquery UI工具提示不支持html内容 ），说明如何在工具提示中使用html。 但是当我想在工具提示中添加链接时会出现问题。 当我带光标进入工具提示点击链接时，工具提示消失了（因为我从分配给工具提示的元素中鼠标输出。 我能做什么？ 谢谢。 更新： $(function () { $(document).tooltip({ content: function () { return $(this).prop(‘title’); } }); }); 示例 ： http ： //jsfiddle.net/jLkcs/

动态定位Bootstrap工具提示（用于动态生成的元素）

我正在使用Twitter Bootstrap提供的工具提示（http://twitter.github.com/bootstrap/javascript.html#tooltips）。 我的DOM中有一些动态插入的标记需要触发工具提示。 这就是我以下列方式触发工具提示的原因（https://github.com/twitter/bootstrap/issues/4215）： $(‘body’).tooltip({ delay: { show: 300, hide: 0 }, selector: ‘[rel=tooltip]:not([disabled])’ }); 为了避免将工具提示放置得太靠近屏幕边缘，我需要能够根据触发工具提示的元素的位置动态设置它们的位置。 我想到了以下方式： $(‘body’).tooltip({ delay: { show: 300, hide: 0 }, // here comes the problem… placement: positionTooltip(this), selector: ‘[rel=tooltip]:not([disabled])’ }); function positionTooltip(currentElement) { var position = $(currentElement).position(); if (position.left > 515) { return “left”; } if (position.left < 515) { […]

Jquery UI工具提示。 设置超时并设置hover事件。 鼠标hover时冻结工具提示

我用谷歌搜索了大约2天，无法弄清楚如何为http://api.jqueryui.com/tooltip/设置超时？ 也许我应该使用jquery hoverIntent？ 这是我的代码 $(‘*[class*=”help_”]’).tooltip({ open: function(e,o){ $(o.tooltip).mouseover(function(e){ $(‘*[class*=”help_”]’).tooltip(‘open’); }); $(o.tooltip).mouseout(function(e){ }); }, close: function(e,o) {} });

覆盖jQuery UI Tooltip小部件的CSS样式

我正在使用jQuery UI Tooltip小部件 我根据他们的例子编写了以下CSS，它就像一个魅力： .tooltip { display:none; background: black; font-size:12px; height:10px; width:80px; padding:10px; color:#fff; z-index: 99; bottom: 10px; border: 2px solid white; /* for IE */ filter:alpha(opacity=80); /* CSS3 standard */ opacity:0.8; } 但我有3-4个工具提示，我想看起来不同（如上面的示例html）所以我将它们包装在一个类中并执行此操作： .i1 .tooltip { display:none; background: red; font-size:12px; height:40px; width:80px; padding:20px; color:#fff; z-index: 99; bottom: 10px; left: 50px important!; border: 2px solid […]

如何将图像添加到jquery工具提示

我没有看到这个确切的问题……如果有的话，请指出我。 我正在使用jquery的ui工具提示。 我有一个链接，当你鼠标hover它时，我想显示一个图像。 到目前为止，对我来说没有任何作用。 标题中的ui代码： HTML： (see image of 1 Maple St.) 码： $( “#riverroad” ).tooltip({ content: “” }); 请告诉我我做错了什么。

HighCharts：标签在工具提示上可见

我的图表上的标签显示在工具提示上，看起来不太好。 我尝试使用zIndex ，但没有结果。 如何使工具提示不透明？ 这是我的jsFiddle： http ： //www.jsfiddle.net/4scfH/3/ $(function() { var chart; $(document).ready(function() { chart = new Highcharts.Chart({ chart: { renderTo: ‘graf1’, plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false }, title: { margin: 40, text: ‘Podíl všech potřeb’ }, tooltip: { //pointFormat: ‘{point.y} Kč [{point.percentage}%]’, percentageDecimals: 2, backgroundColor: “rgba(255,255,255,1)”, formatter: function() { return this.point.name + ” […]

使用jQuery隐藏本机工具提示

当用户将鼠标hover在具有title属性的锚标记上时，有没有办法隐藏本机工具提示操作？ 我不想删除它只是不显示令人讨厌的黄色框，这是默认的工具提示操作。 更新： 在阅读了其他几篇文章之后，我认为我不能隐藏本机工具提示操作的title属性，但我想在这里开箱即用。 我可以在锚标记内使用另一个属性而不是title属性并仍保留有效页面吗？ 删除标题属性值不是一个选项，除非有人可以弄清楚如何将其添加回onclick事件？ 下面的工作代码 $(‘[title]’).each( function() { var $this = $(this); $this.data(‘title’,$this.attr(‘title’)); $this.removeAttr(‘title’); }); $(‘a’).click( function() { var $this = $(this); var title = $this.data(‘title’); … do your other stuff… });