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

在「幻燈片」之後添加「，{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); 
    }); 

FYI：本toggle()方法jQuery中被廢棄1.8版本，並刪除了1.9版本。

這是一個關於toggle replacement的SO問題，有關更多幻燈片教程，您可以試試這個link。

希望這會有所幫助。