Question

我想用以下脚本

创建一个Mootools ajax工具提示

new MooTooltips({
                        extra:{  
                            0: {
                                'id':this.id,
                                'ajax':'http://www.fesn.cz/communities/tip.php',
                                'ajax_message': 'Loading... please wait.',
                                'position':1,
                                'sticky':false
                            }
                        },
                        ToolTipClass:'ToolTips',    // tooltip display class
                        toolTipPosition:-1, // -1 top; 1: bottom - set this as a default position value if none is set on the element
                        sticky:false,        // remove tooltip if closed
                        fromTop: 0,        // distance from mouse or object
                        fromLeft: -55,    // distance from left
                        duration: 300,        // fade effect transition duration
                        fadeDistance: 20    // the distance the tooltip starts the morph
                    });

    }

脚本演示在这里，

http://jsfiddle.net/kyathi/mHEjV/

背后的想法是当mouseenter每个tippable类将显示ajax工具提示。但是当徘徊div时，脚本第一次无法调用ajax脚本，之后它就会失败。

有任何想法来修复错误吗？

由于

Answer 1

我告诉了toolTipPosition:-1并没有显示工具提示。但是调整结束了。

http://jsfiddle.net/mHEjV/1/

Answer 2

$$函数总是返回一个数组..您要在数组上添加事件而不是在数组的元素上添加事件。您需要循环或使用each()方法：

$$('div.tippable').each(function(div){
    div.addEvents({
    mouseenter:function(){
    ...

http://jsfiddle.net/mHEjV/2/

它不会在jsfiddle中工作，因为ajax调用使用不同的域。

http://en.wikipedia.org/wiki/XMLHttpRequest#Cross-domain_requests

祝你好运

使用Mootools的Ajax Tooltip无法正常工作

2 个答案: