我的问题是光标从带有工具提示的文本移开后工具提示没有隐藏。您可以查看此页面以获取此问题的示例: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,javascript 之间似乎没有冲突。
有任何想法吗?