Javascript jqueryanimate赢得'；t滑动宽度，但将切换

我试图让jQuery使用幻灯片而不是切换来设置动画。我的HTML

中包含了这些文件：

我不明白的是，如果我将动画宽度从幻灯片更改为切换，它会工作，但使用幻灯片时，什么也不会发生。我在JSFIDLE进行了测试，幻灯片在那里工作。怎么回事？我错过了JSFIDLE拥有的什么

编辑：这是小提琴：来自

除数值外，每个 属性可以接受字符串“show”， “隐藏”和“切换”。这些捷径 允许自定义隐藏和显示 考虑到 元素的显示类型

---

请注意，

'slide'

未被提及，因此被忽略。

您是否尝试过在Firefox中运行本地副本并启用Firebug，以查看运行时是否存在任何javascript错误？我正在查看它，是的，否则我不知道$item是否包含任何内容。哦，很有趣，我想我可以使用jQueryUI中的其他功能。谢谢你指出这一点；）奇怪的是，即使没有宽度动画，它仍然应该向左移动，但什么也不做。

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

// $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'});
        });
    };