1

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

有任何想法吗?

4

0 回答 0