2011-05-31 32 views
2

我想讓jQuery用幻燈片而不是切換動畫。我已經包含在我的HTML <head>這些文件:jQuery的動畫不會滑動寬度,但會觸發

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script> 

的jQuery:

// $item is a list gathered as $('#gallery ul li') and all output to console as should 
// $prev will be used to get current li width, but not to worry about for now. 
$.fn.slider = function($item,$prev){ 
     $item.each(function(i){ 
      $(this).animate({width:'slide',left:'-= 500'}); 
     }); 
    }; 

我不明白的是,如果我改變從幻燈片的動畫寬度切換,它會工作,但與幻燈片沒有任何反應。我在jsfiddle測試過,幻燈片在那裏工作。這是怎麼回事?我錯過了那個jsfiddle?

編輯:這裏是小提琴:http://jsfiddle.net/robx/ZvKUW/1/

+0

您是否嘗試過在運行Firebug的Firefox中運行本地副本,以查看運行時是否存在任何javascript錯誤? – neezer 2011-05-31 04:35:29

+0

我在看它是的,否則我不知道如果$ item包含任何東西。 – robx 2011-05-31 04:47:53

回答

2

除了數值,每個 屬性可以接受字符串 '秀', '隱藏' 和「切換」。這些快捷鍵 允許自定義隱藏和顯示 動畫,這些動畫考慮了元素的顯示類型 。

請注意,'slide'沒有提及,因此它被忽略。

+0

哦,有趣的是,我雖然可以使用JQuery UI的其他功能。感謝您指出這一點;) – robx 2011-05-31 04:38:40

+0

奇怪的是,即使沒有寬度動畫,它仍然應該向左移動,但是什麼都不做。 – robx 2011-05-31 04:48:17