jquery幻燈片速度不工作

我有兩個divs左右我試圖滑動左div，每當左div隱藏右div寬度變爲100％。這個條件工作正常，但是當我申請速度緩慢或快速其不工作。jquery幻燈片速度不工作

到目前爲止我的代碼，

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

    }); 
});

來源

2015-06-29 Meenakshi A

請添加相關的HTML/CSS代碼。 –

爲什麼使用兩次document.ready？ –

試試這個：

所有的

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

來源

2015-06-29 10:57:31 Stanimir

其右側改變，但我可以在左側 –

看看我的帖子。我添加了一個左邊的屬性。嘗試100％或0px或任何其他值 – Stanimir

首先，你需要知道該幻燈片效果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);

而且據我知道你必須使用毫秒來操縱滑動效果的速度。

來源

2015-06-29 12:11:09

jquery幻燈片速度不工作

回答

相關問題