2010-09-02 28 views
0

我正在joomla頁面中工作。 Joomla使用moo1.1,有一個新的更新1.5.20,我們實際上可以將mootools升級到1.2。不幸的是,許多擴展仍然嘗試加載1.1函數。所以,我想知道我可以做什麼樣的變化,使與Moo1.1下面的代碼工作:更改Mootools 1.2代碼,使用1.1?

http://www.php-help.ro/mootools-12-javascript-examples/javascript-drop-down-menu-using-mootools-12/

下面的代碼,

window.addEvent('domready', function() { 
    $('drop_down_menu').getElements('li.menu').each(function(elem) { 
     var list = elem.getElement('ul.links'); 
     var myFx = new Fx.Slide(list).hide(); 
     elem.addEvents({ 
      'mouseenter': function() { 
       myFx.cancel(); 
       myFx.slideIn(); 
      }, 
      'mouseleave': function() { 
       myFx.cancel(); 
       myFx.slideOut(); 
      } 
     }); 
    }) 
}); 

感謝您尋找; d任何提示感謝!

+0

是在firebug/webkit控制檯中拋出任何錯誤?我的老鷹眼睛告訴我代碼應該在1.11中工作,因爲我沒有看到(或記住)任何你在1.2中特別介紹的東西 – gonchuki 2010-09-03 20:06:20

回答

0

對代碼的特定位,據我所知,只有myFx.cancel()將BARF出來 - 替換myFx.stop();

$('drop_down_menu').getElements('li.menu').each(function(elem) { 
    var list = elem.getElement('ul.links'); 
    var myFx = new Fx.Slide(list).hide(); 
    elem.addEvents({ 
     'mouseenter': function() { 
      myFx.stop(); 
      myFx.slideIn(); 
     }, 
     'mouseleave': function() { 
      myFx.stop(); 
      myFx.slideOut(); 
     } 
    }); 
}); 

作品具有標記:

<ul id="drop_down_menu"> 

    <li class="menu"> 
     <div class="trigger">mouseover me</div> 

     <ul class="links"> 
      <li>foo</li> 
      <li>foo 2</li> 
     </ul> 
    </li> 
</ul> 

小提琴:http://www.jsfiddle.net/dimitar/HeUrV/