jQuery animate 不会滑动宽度，但会切换答案

【问题标题】：jQuery animate won't slide width, but will togglejQuery animate 不会滑动宽度，但会切换
【发布时间】：2011-05-31 03:54:18
【问题描述】：

我试图让 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/

【问题讨论】：

您是否尝试在启用了 Firebug 的 Firefox 中运行本地副本，以查看运行时是否有任何 javascript 错误？
我正在查看，是的，否则我不知道 $item 是否包含任何内容。

标签： javascript jquery jquery-animate

【解决方案1】：

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

除了数值之外，每个属性可以采用字符串'show'， “隐藏”和“切换”。这些快捷方式允许自定义隐藏和显示考虑到的动画元素的显示类型。

请注意，'slide' 没有被提及，因此它被忽略了。

【讨论】：

哦，有趣的是，我虽然可以使用 JQuery UI 中的其他功能。感谢您指出这一点；）
奇怪的是，即使没有宽度动画，它仍然应该向左移动，但什么也没做。