Tag: qtip2

q提示2和图像

我正在使用qTip 2在hover时显示更大的图像，它半工作。 图像显示但不是全宽。 如何让它显示全宽？ 码： HTML JS var $j = jQuery.noConflict(); $j(‘.1’).qtip({ content: ”, position: { my: ‘left top’, at: ‘right top’, target: $j(‘.1’) }, style: { classes: ‘ui-tooltip-tipsy’ } }); 我该怎么做才能让图像显示全宽？ 我尝试添加此代码，但它不起作用： tip: { width: 600 }

q点击显示/隐藏工具提示

我有一个包含许多工具提示的页面。 我想在点击按钮时单独显示/隐藏每个人。 它对我不起作用，任何人都可以帮忙吗？ ​ function showMyTT(id) { $(‘#’+id).qtip({ content: { text: ‘Show the content’, title: false }, position: { my: ‘left center’, at: ‘left center’ }, show: { event: false, ready: true }, hide: false, style: { classes: ‘ui-tooltip-shadow ui-tooltip-jtools’ } }); } 谢谢

是否可以通过编程方式设置Qtip的位置？

我目前正在我的网站上实施Qtip2工具提示，并且他们的工作非常好。 但是，我需要在每个元素的基础上设置工具提示的位置。 为此，我设置了几个这样的data属性： 我已经尝试使用函数来获取数据属性，但是看起来my和at属性不接受函数，因为这只是将工具提示放在右下角/左上角，这似乎是默认定位。 $(this).find(‘.tooltip’).qtip({ show: { event: ‘mouseenter click’ }, position: { my: function() { return $(this).data(‘tooltip-my-position’); // doesn’t work }, at: function() { return $(this).data(‘tooltip-target-position’); // doesn’t work } } }); 我查看了文档 ，但似乎没有关于在初始化时或初始化后以编程方式设置定位属性的指导。 有谁知道我想做什么是可能的，如果是的话，怎么样？

在jQuery qTip2中使用Rails动态内容

我得到了我的jQuery qTip2，但我还有最后一件事要解决：将动态内容显示为工具提示中的链接。 （我对这一切都很陌生，所以请耐心等待。） 以下是我现在要获得的qTip： $(document).ready(function() { $(‘span[title]’).qtip({ position: { my: ‘bottom center’, at: ‘top center’ }, hide: { fixed: true }, style: { classes:’ui-tooltip-shadow ui-tooltip-rounded’ } }); }); 这是我的erb文件： <span title="”> ,  呈现的HTML： Testing,  我想做的是显示一个链接作为qTip，显示作者的姓名和他们的个人资料的链接。 我知道我可以在我的application.js文件中添加一个链接，如下所示： **content: { text: ‘My name’},** 但是，我怎样才能使内容从我的数据库中动态添加？ 理想情况下，我想要的东西如下： **content: { text: ‘<a href="https://stackoverflow.com/questions/7548956/rails-dynamic-content-in-jquery-qtip2/“”>“’},** 我从之前的回答中知道生成有效的HTML存在问题。 但是我希望有人可以帮助我。