0

我正在使用 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>
4

1 回答 1

0

试试下面的代码,

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

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

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

希望这可以帮助。

于 2013-05-31T19:26:38.193 回答