jquery幻灯片速度不起作用

Question

我有两个左右divs，我试图向左滑动div，每当左div隐藏时，右div的宽度就会变为100%。这种情况很好，但当我慢速或快速应用时，它就不起作用了。

到目前为止我的代码，

$(document).ready(function(){
   // jQuery methods go here...
          $("#show").hide();
          $("#clickme").show();
});
$(document).ready(function(){
     $("#clickme").click(function(){       
        $("#left").hide();
        $("#right").css("width", "100%");
       // $("#right").slide({ direction: "left"  }, "slow");
        $("#clickme").hide();
        $("#show").show();
    });
    $("#show").click(function(){   
        $("#right").css("width", "80%");
        $("#left").css("display", "block");
        $("#show").hide();
        $("#clickme").show();
        $("#left").show( "slide", { direction: "left"  }, 5000  );  
    });
});

Answer 1

试试这个：

$("#right").animate({width:"100%", left: 100%}, "slow");

Answer 2

首先，您需要知道幻灯片效果是jQueryUI的一部分。因此，请包含其CDN链接或下载其本地副本。在HTML文件中包含此代码（如果您已经拥有，则忽略）：

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script>

你的脚本中唯一的变化是（评论行）：

$('#right').show('slide', {direction: 'right'}, 3000);

据我所知，你必须使用毫秒来操纵滑动效果的速度。