左から右へスライドするとスティックが発生する

Question

マルチページスライドで奇妙な問題があります。私がページを切り替えるために押すと、新しいページが左に張り付いていて、次にスライドする必要があります。あなたは私の中でこれをテストすることができますJSFiddle

私のJQueryがあります。 （私にそれに関する新しい）

$(document).ready(function(){ 
$("div.page-content div.page").hide(); 
$(".page-content div.page:first-child").show(); 

$("a.edit").click(function() { // EDIT BUTTON 
    $("div.page-content .page").hide(); 
    var activeTab = $(this).attr("href"); 
    var effect = 'slide';var options = { direction: 'right'};var duration = 1000; 
    $(activeTab).toggle(effect, options, duration); 
}); 

$("a.back").click(function() { // BACK BUTTON 
    $("div.page-content .page").hide(); 
    var activeTab = $(this).attr("href"); 
    var effect = 'slide';var options = { direction: 'left'};var duration = 1000; 
    $(activeTab).toggle(effect, options, duration); 
}); 

}); 

私はこの問題が何故ですか？

Answer 1

アクティブタップスライドのトグルで隠れているときに滑らかな動作にするには、現在のページをスライドさせる必要があります。次のjsコードを使用して、目的の効果が得られるかどうかを確認してください。

$(document).ready(function(){ 
$("div.page-content div.page").hide(); 
$(".page-content div.page:first-child").show(); 

    $("a.edit").click(function() { // EDIT BUTTON 
    $("div.page-content .page").hide("slide", { direction: "left" }, 1000); 
    $($(this).attr("href")).delay(1000).toggle('slide', { direction: "right" }, 1000); 
    }); 

    $("a.back").click(function() { // BACK BUTTON 
    $("div.page-content .page").hide("slide", { direction: "left" }, 1000); 
    $($(this).attr("href")).delay(1000).toggle('slide', { direction: "right" }, 1000); 
    }); 
}); 

希望します。