我的问题是,在使用工具提示将光标从文本移开后,工具提示不会隐藏。您可以查看此页面以获取此问题的示例: http://federationgenealogie.qc.ca/nous-contacter(这是一个简单的com_contacts页面)
但整个网站问题仍然存在。
我尝试过使用com_contacts的模板覆盖并更改工具提示的使用方式:http://docs.joomla.org/How_to_add_tooltips_to_your_Joomla!_website
$toolTipArray = array('className' => 'mytooltipclass', 'showDelay'=>'500',
'hideDelay'=>'500', 'fixed'=>true,
'onShow'=>"function(tip) {tip.effect('opacity',
{duration: 500, wait: false}).start(0,1)}",
'onHide'=>"function(tip) {tip.effect('opacity',
{duration: 500, wait: false}).start(1,0)}");
JHTML::_('behavior.tooltip', '.hasTip', $toolTipArray); ?>
只有'fixed'=>true
参数有效,所以我感觉这种作品。但由于所有其他参数都不起作用,因此这不是解决方案。
我还尝试制作自己的tooltip.js文件,其中包含:
window.addEvent('domready', function(){
//do your tips stuff in here...
var zoomTip = new Tips($$('.hasTip'), {
className: 'mytooltipclass', //this is the prefix for the CSS class
offsets: {
'x': 20, //default is 16
'y': 30 //default is 16
},
initialize:function(){
this.fx = new Fx.Style(this.toolTip, 'opacity',
{duration: 1000, wait: false}).set(0);
},
onShow: function(toolTip) {
this.fx.start(0,.8);
},
onHide: function(toolTip) {
this.fx.start(.8,0);
}
});
});
但是我只得到一个看起来像html alt的工具提示,并且用类名更改我的css文件不起作用。
使用工具提示扩展不是解决方案,因为我需要joomla的默认注册和联系页面才能工作。并且他们都使用class="hasTip"
并且改变这将需要我做一些由于耐久性原因我不能做的黑客攻击。
使用firebug和chrome,似乎javascripts之间没有冲突。
有什么想法吗?