Ajax Tooltip с помощью Mootools не работает

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/.

Идея позади, в то время как мышь входит в каждуюкласс tippable покажет всплывающую подсказку ajax.Но скрипт не может вызвать скрипт ajax в первый раз при наведении курсора на div, и он будет задействован после этого.

Любая идея, чтобы исправить ошибку?

Спасибо

Answer 1

функция $$ всегда возвращает массив .. вы добавляете события в массив, а не в элементы массива.Вам нужно выполнить цикл или использовать метод 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

Удачи

Answer 2

Я закомментировал toolTipPosition:-1, а не его отображение всплывающей подсказки.Но выравнивание отсутствует.

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