的Ajax工具提示使用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/。

背後的想法是，當鼠標輸入每個可定製的類將顯示一個Ajax工具提示。但是，當鼠標懸停div時，腳本無法在第一次調用ajax腳本時觸發，並且此後會觸發。

任何想法來解決這個錯誤？

感謝

Answer 1

我commet了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

好運