jquery - jQuery UI 滑动方向问题

Question

我正在使用 jQuery UI 向我的网站添加幻灯片菜单效果，但我遇到了一个小而非常奇怪的问题。这是我的代码：

$(document).ready(function(){
    $(".menuitem").hide();
    var url = window.location;
    $('.menulink').filter(function() {
        return this.href == url;
    }).removeClass('menulink');
    $($(".menuitem").get().reverse()).each(function(i, e) {
        $(this).delay(i*400).toggle("slide");
    });
});

在“slide”之后添加“, { direction: "left" }" 使元素出现而不是滑动。

会不会是我的 jQuery UI 实现？这是我正在使用的代码：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

Answer 1

试试下面的代码，

$($(".menuitem").get().reverse()).each(function(i, e) {
        $(this).delay(i*400).toggle('slide', {
            direction: 'left'
        }, 1000);
    });

仅供参考：该toggle()方法在 jQuery 1.8 版中已弃用，并在1.9 版中删除。

这是关于切换更换的 SO 问题，有关更多幻灯片教程，您可以尝试此链接。

希望这可以帮助。