醉醺醺的jQuery工具提示插件-可以使用多种样式吗?

醉醺醺的jQuery工具提示插件-可以使用多种样式吗?,jquery,css,Jquery,Css,我正在使用jQuery醉酒工具提示插件(http://onehackoranother.com/projects/jquery/tipsy/). 我让它工作得很好 但是,我不能使用多个样式(CSS)。我需要在我的网站上使用3种不同风格的工具提示。我只能设法使用一种风格 在此方面的任何帮助都将不胜感激 提前干杯。我已经做了更改并向所有者应用了补丁。请看下面的补丁,它将允许定制的风格 JS CSS 现在这样称呼: <script type='text/javascript'>

我正在使用jQuery醉酒工具提示插件(http://onehackoranother.com/projects/jquery/tipsy/). 我让它工作得很好

但是,我不能使用多个样式(CSS)。我需要在我的网站上使用3种不同风格的工具提示。我只能设法使用一种风格

在此方面的任何帮助都将不胜感激


提前干杯。

我已经做了更改并向所有者应用了补丁。请看下面的补丁,它将允许定制的风格

JS

CSS

现在这样称呼:

<script type='text/javascript'>
    $(function() {
        $('a[rel=tipsy]').tipsy({clsStyle: 'blue'});
    });
</script>
<script type='text/javascript'>
    jQuery(function($) {
        $('a[rel=tipsy]').tipsy({className: 'my-class'});
    });
</script>

请参见

无需使用fork-tipsy,它已经通过“className”选项处理了。您在其中指定的任何类都将添加到工具提示的最外层div中

例如,如果要将工具提示背景和箭头颜色更改为蓝色,请按如下方式调用tipsy:

<script type='text/javascript'>
    $(function() {
        $('a[rel=tipsy]').tipsy({clsStyle: 'blue'});
    });
</script>
<script type='text/javascript'>
    jQuery(function($) {
        $('a[rel=tipsy]').tipsy({className: 'my-class'});
    });
</script>

通过阅读tipsy源代码,您甚至可以给它一个回调(接受所选元素作为参数),以便动态添加类。

您好,非常感谢您的帮助。然而,作为一个傻瓜,我无法让它工作。我复制了你的JS并重命名了我的CSS。我还添加了这个函数。然而,这对我不起作用。我想称之为:$('#header.buttons li#add').tipsy({fade:true,gravity:e');。非常感谢您的帮助。@User159025您能告诉我任何错误吗?或者显示我可以看到并找到确切问题的页面。嗨,Rakesh。没有错误,工具提示不再显示。我认为问题在于如何调用jquery。我想使用$('#header.buttons li#add').tipsy({fade:true,gravity:e'});而你有$('a[rel=tipsy]')。tipsy({clssstyle:'blue'});。我的问题是,我不知道如何使修改后的代码与我的代码一起工作。再次感谢您的帮助。@User159025,请查看-。使用以下工具提示&另请参见此-了解工具提示上的不同颜色