从左向右滑动卡住答案

【问题标题】：slide from left to right gets stuck从左向右滑动卡住
【发布时间】：2016-10-28 23:22:45
【问题描述】：

我在使用多页幻灯片时遇到了一些奇怪的问题。当我按下切换页面时，新页面卡在左侧，然后滑出，它需要在哪里。你可以在我的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);
});

});

任何解决方案，为什么我会遇到这个问题？

【问题讨论】：

标签： javascript jquery html css slide

【解决方案1】：

隐藏时需要将当前页面滑出，使用activetab滑动的切换，使其运行顺畅。使用下面的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);
  });
});

希望这会有所帮助。

【讨论】：