Question

我在joomla页面工作。 Joomla使用moo1.1，有一个新的1.5.20更新，我们可以将mootools升级到1.2。不幸的是，许多扩展仍然试图加载1.1函数。所以，我想知道我可以使用Moo1.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感谢任何提示！

Answer 1

对于这段特殊的代码，据我所知，只有myFx.cancel()才会出局 - 替换为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/

更改Mootools 1.2代码，使用1.1？

1 个答案: