Tag: tooltip

由于旧的jQuery UI 1.8.16库,jQuery 1.9.2无法工作,$(…)。tooltip无法正常工作? 如何解决这个问题?

我正在开发一个构建在一些重型PHP框架中的网站。 所以它已经包含了jQuery UI 1.8.16库。 现在我必须在一个网页上实现$(…).tooltipfunction。 此function在jQuery UI 1.8.16中不可用,但它在jQuery 1.9.2中可用。 所以我$(…).tooltip下行包含在HTML文件中,我想在其中实现$(…).tooltipfunction。 但仍然在萤火虫中我得到以下错误: TypeError: $(…).tooltip is not a function 如何解决这个问题? 有人可以帮我这方面吗?

在显示工具提示之前延迟

我使用simpletip jquery插件,我想在其中进行一些更改。 我希望在hover链接一段时间(毫秒)后出现工具提示。 不幸的是我对jquery不够熟悉。 任何人都可以指出如何做到这一点? http://craigsworks.com/projects/simpletip/ 提前致谢

HighCharts – 在值为0或null的列上显示工具提示

我在公司的框架中实现了HighCharts,我可以说我们对它非常满意。 但是我们有一个问题,我们不知道如何解决。 在列图中,当列的值等于零时,它没有关于它的可视信息,该列只是被省略。 当用户将鼠标hover在值等于0的列空间时,我希望它显示在工具提示中。 观察下面的小提琴,它会生成一个条形图,其中有几列值为0,或者没有价值。 的jsfiddle 图表运行的方法: GraficoBarra(arrayPropriedades, arrayDados, arrayDrillDown);

jQuery工具 – >工具提示破坏方法?

除了jQuery UI日历之外,我在表中使用Flowplayer的jQuery Tools框架(特别是工具提示插件)。 表格的每一行都能够在其上方和下方插入一行。 这样做的时候,我正在克隆点击的对象(事件和对象)并将其直接插入到上方或下方。 添加新行后,我刷新表格,为我的元素生成新的id,重新初始化datepicker,并尝试重新初始化工具提示。 我正在寻找一种方法从实例中完全销毁它并重新应用它。 我正在寻找类似于datepicker(‘destroy’)方法的东西。 $j($editRow).find(‘input.date’).datepicker(‘destroy’).datepicker({dateFormat: ‘mm-dd-yy’, defaultDate : defaultDateStr}); 我已经尝试过: 取消绑定鼠标hover和焦点事件:重新调用工具提示时,它会自动转到它所生成的对象。 隐藏工具提示DOM元素,从目标中删除工具提示对象,然后重新应用它。 同样的事情发生在(1) 我有办法自己创建一个destroy方法吗?

Tooltipster不适用于生成的内容

我在我的网站上安装了Tooltipster,但它不适用于动态添加的内容。 您可以在“按选择排序游戏(默认最新游戏)”框中看到它,当我选择按“最新第一”,“最受欢迎”等排序时……当内容生成时,Tooltipster看不到那个内容。 不知怎的,我必须告诉Tooltipster这个内容。 这是Tooltipster代码: $(document).ready(function() { $(‘.tooltip’).tooltipster({ position: ‘bottom-left’, contentAsHTML: ‘true’, animation: ‘grow’, theme: ‘.my-custom-theme’ }); }); 以下是生成内容的脚本: jQuery(document).ready(function($){ $.fn.vAlign = function() { return this.each(function(i){ var ah = $(this).height(); var ph = $(this).parent().height(); var mh = Math.ceil((ph-ah) / 2); $(this).css(‘margin-top’, mh); }); }; $(‘#sortable-game-box-order select’).change(function() { var sorturl = $(this).attr(“value”); var loaderheight = $(‘#sortable-game-box-inner-content’).height(); $(‘#sortable-game-box-loader’).css(‘height’, […]

tipsy live不适用于jQuery 1.9.0

我们最近将jQuery升级到1.9.0,但它打破了我们的醉意插件。 它的livefunction现在导致错误。 $(‘.tooltip, abbr’).tipsy({ live: true }); TypeError: this[binder] is not a function 对此有任何修复或补丁吗? 谷歌搜索并没有带来任何有用的东西。 更新: 谢谢你的回答。 我决定尝试自己修复这个问题,因为我找不到任何补丁。 经过检查,错误似乎很容易追查。 可以轻松修补tipsy插件以使用onfunction而不是不推荐使用的livefunction。 在tipsy插件中,我替换了以下代码: if (options.trigger != ‘manual’) { var binder = options.live ? ‘live’ : ‘bind’, eventIn = options.trigger == ‘hover’ ? ‘mouseenter’ : ‘focus’, eventOut = options.trigger == ‘hover’ ? ‘mouseleave’ : ‘blur’; this[binder](eventIn, enter)[binder](eventOut, leave); […]

寻找像stackoverflow这样的鼠标hoverfunction

我喜欢StackOverflow的hover效果。 我想在我的网络应用程序中使用类似的function。 有人可以让我知道吗? 这个function叫什么? 有没有可用的图书馆? 我使用过jQuery Tooltip,但我没有给那个留下深刻的印象。 目前我在我的应用程序中使用overLib很老了。 编辑: Impressed在这里听起来不太好, 我只想像stackoverflow一样有鼠标hover效果 。

Joomla 3.X – 从标题中删除工具提示脚本?

我正在尝试从我的自定义joomla模板标题中删除不需要的脚本,我已设法删除除此之外的所有内容: jQuery(document).ready(function() { jQuery(‘.hasTooltip’).tooltip({}); }); 我已经搜索了几个小时,我已经尝试了很多东西来删除它,但我似乎无法摆脱它。 这是我为删除其他我不想要的脚本所做的工作(对于遇到此问题的其他人): # unset frameworks JHtml::_(‘bootstrap.framework’,false); JHtml::_(‘jquery.framework’,false); # unset scripts unset($doc->_scripts[$this->baseurl.’/media/jui/js/jquery.min.js’]); unset($doc->_scripts[$this->baseurl.’/media/jui/js/jquery-noconflict.js’]); unset($doc->_scripts[$this->baseurl.’/media/jui/js/bootstrap.min.js’]); 如果有人可以帮我删除那个工具提示javascript,那就太棒了。 哦,我不想触摸核心文件,所以我试图从模板index.php文件中删除它。

(jQuery Highchart)有没有办法在Tooltip Box中添加额外的自定义数据?

我想在Tooltip Box中添加额外的自定义统计数据行,它出现在鼠标hover上。 据我所知,它只显示了名为series:和tooltip:的对象数组中的数据。 我只是想为每个Tooltip (NOT COMMON ONE)添加更多的自定义数据(到Tooltip Box)中。 例如: 酒吧1 =========================== 41% Tooltip: Water: 7.86% Bar 2 ================= 33% Tooltip: Salt: 5.2%, Water: 80% 第3栏====================== 35% Tooltip: Caffeine: 51%, Alcohol: 31%, Water: 4% 每个栏的工具提示项目和值都不同 。 我怎么能够?

使用touchstart关闭iphone / ipad上的jQuery Tools工具提示

如果检测到iphone / ipad / ipod,我会运行以下代码: $(‘.tooltip-trigger’).tooltip({offset: [20, -110],relative:true, events: { def: ‘touchstart,blur’} }); 通过声明def:’touchstart’,我得到了最初的触摸工作,而不是hover,但是盒子没有关闭并调用另一个触摸器像def:’touchstart,touchstart’不起作用。 对我来说,def:’toggle’也不合乎逻辑。 有任何想法吗?