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

据我所知，你必须使用Miliseconds来控制滑动效果的速度。

jquery幻灯片速度不起作用

2 个答案: