jQuery animate不会滑动宽度,但会切换

时间:2011-05-31 03:54:19

标签: javascript jquery jquery-animate

我试图让jQuery用幻灯片制作动画而不是切换。我将这些文件包含在我的HTML <head>中:

<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/

1 个答案:

答案 0 :(得分:2)

来自http://api.jquery.com/animate/

  

除数值外,每个   财产可以采取字符串'显示',   '隐藏'和'切换'。这些捷径   允许自定义隐藏和显示   考虑到的动画   显示元素的类型。

请注意,未提及'slide',因此忽略了它。