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");
    });
});

在“幻灯片”之后添加“，{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);
    });

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

以下是有关toggle replacement的问题，有关幻灯片的更多教程，您可以尝试link。

希望这有帮助。

jQuery UI幻灯片方向问题

1 个答案: