Tag: tipsy

jQuery Tipsy不适用于jQuery.each()和live:true

注意:这个问题被标记为已解决一次,但它发现升级到最新的jQuery只修复了一个问题。 有关剩余问题,请参阅下面的更新问题。 大家好, 我刚刚遇到了jQuery.Tipsy的一个奇怪的问题。 这是一个简化的演示小提琴: http : //jsfiddle.net/6nWtx/7/ 正如您所看到的,最后添加的a.tipsy2元素并没有得到提示。 .tipsy2元素在jQuery.each()函数中被提示,此时我遇到了问题。 没有each()它的工作原理。 不幸的是,在调用.each() ,我需要.each()迭代元素来做其他一些事情。 有什么建议吗? 这是Tipsy的源代码: https : //github.com/jaz303/tipsy/blob/master/src/javascripts/jquery.tipsy.js 恕我直言,问题是使用jQuery.each()和Tipsy选项live:true 更新: 在调用.tipsy()之前我想做的其他事情是检查一些可选配置。 例如: Help” 在这个例子中,我将向Tipsy添加以下选项: delayIn:1000如果没有与元素关联的delayed类,则此参数将为delayIn:0 。 使用相同的逻辑,我也想指定以下类: show-top, show-left, show-right, show-bottom ,名为gravity的Tipsy选项。 示例: Help” 完整代码: $(“.tipsyfy”).each(function () { var a = “s”, b = 0; if ($(this).hasClass(“show-left”)) a = “w”; else if ($(this).hasClass(“show-down”)) a = […]

用于动态直播活动的Tipsy jquery插件不起作用

我正在使用tipsy jquery插件为动态显示的元素创建工具提示。 工具提示适用于非动态元素,所以我肯定包含了我需要的所有内容。 我正在使用jquery 1.5.1 这是我的jquery代码: $(‘.voted-user-image’).tipsy({gravity:’s’, live: true}); 这是一个图像链接元素的html,它在单击一个触发AJAX请求的链接后在div中动态显示: ` 如何让这个工具提示插件工作?

怎么做bootstrap tipsy tooltip multiline

如标题所示,我如何将工具提示分成两行? 我也会使用一些html标签(比如span或p)。 我已经尝试过html实体,但它不起作用。 Some<br> text

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); […]

使用鼠标移动jQuery Tipsy工具提示

我确信这是可能的 – 也许很容易 – 但我无法弄清楚如何使它工作。 如何使Tipsy工具提示与鼠标一起水平移动? 当将鼠标hover在启用Tipsy的元素上时,我希望工具提示出现在其正常的Y位置(直接位于元素上方),但不是将X位置固定在元素的中心,而是希望它等于鼠标的X位置。 为了使事情复杂化,我试图仅对重力为2个字符(’nw’,’ne’,’sw’,’se’)的元素启用mousemovefunction。 没有代码可以发布,因为我尝试的一切都没有用,插件是公开的。