Question

我刚刚为JQuery选择了qtip2插件，似乎无法根据他们的示例使用该样式。也许我不理解某些事情？

这是他们加载6个默认可用主题的示例，但无论我使用的是奶油色，红色，深色，浅色，蓝色还是绿色，都不会改变任何内容。我只是不断获得默认的奶油主题。从qtip 1x开始，这些应该已经可以使用和使用了吗？

$("jqueryselector").qtip({
   content: 'Dark themes are all the rage!',
   style: { 
      name: 'dark' // Inherit from preset style
   }
});

我的代码在JQuery中如下：

$(function(){
    $('a['title']).qtip({style:{name:'red',tip:true}}); // picked up from the getting started page
});

Answer 1

这种样式化工具提示的方式适用于qtip $('.selector').qtip({ content: { text: 'I\'m blue... deal with it!' }, style: { classes: 'ui-tooltip-blue ui-tooltip-shadow' } });，qtip2现在已被新版本取代。 original version使用更好的基于类的样式方法。

qtip1

您肯定想使用{{1}}。它比{{1}}大大改善。

Answer 2

看起来你错过了一些括号。

$('a['title']).qtip(style:{name:'red',tip:true}); // your code
$('a[title]').qtip({ style: { name: 'cream', tip: true } });  // their code

编辑：我在几个月前使用了qtip并最终做到了这一点......

    style: {
        //name: 'cream',
        tip: true,
        background: '#E6EFF5',
        color: '#297AA8',
        border: {
            radius: 8,
            color: '#bfd8e8'
        }
    }

qtip泡泡造型

2 个答案: