如何使jQuery选项卡滑动？

我使用jquery选项卡（）。 我想使选项卡水平滑动（左/右滑动）

我在谷歌上搜索发现，我可以将“fx”参数传递给选项卡，但我没有找到要传递什么参数才能使选项卡滑动

---

谢谢你，它叫CodaSlider。工作起来很有魅力，很容易使用。将节省您的工作时间。

您可以在此处找到“幻灯片”效果的选项：

比如说,

$( ".selector" ).tabs({ fx: { direction: 'left' } });

您还可以在以下链接中找到其他动画选项：

---

@DanAbramov尾波滑块使用非常简单。所有这些包装器和容器都是动态生成的，根本不需要程序员进行设置

此外，虽然它不会破坏任何布局，但它不是为移动设备设计的。相反，请查看，这是尾波滑块的扩展

这两个都是我造的。

这对我很有用：

$("#tabs").tabs( { show: { effect: "slide", direction: "left", duration: 500 }});

---

JQuery选项卡响应单击滑动-向前和向后

 $( "#jtabs" ).tabs({beforeActivate: function (event, ui) {
       var newTab = ui.newTab.index();
       var active = $("#jtabs").tabs("option", "active");

   ( newTab < active ) ?  $( "#jtabs" ).tabs( { show: { effect: "slide", direction: "right", duration: 200 }} ) :$( "#jtabs" ).tabs( { show: { effect: "slide", direction: "left", duration: 100 }} );
      }});

// NEXT Button
$(".nexttab").click(function() {
   var active = $( "#jtabs" ).tabs( "option", "active" );
$( "#jtabs" ).tabs( "option", "active", active + 1 );
});

$（“#jtabs”）.tabs（{beforeActivate:function（event，ui）{
var newTab=ui.newTab.index（）；
var active=$（“#jtabs”）.tabs（“选项”，“活动”）；
（newTab

我测试了这段代码，但它不起作用。唯一的“幻灯片”选项似乎是

$（'.tabs'）.tabs（{fx:{width:'toggle'}）但这是双向的。当然可以单程滑动，但我找不到任何文档。看看这个：。这个插件只浪费了我一个小时的工作。对于那些习惯于jQuery UI非侵入性标记并愿意尝试此插件的用户，您应该知道，它需要插入大量容器和包装器，这些容器和包装器的类类似于
panel container
，其UI在默认情况下处于打开状态，在某些情况下可能会破坏您的布局（我没有找到原因，因为我放弃了）.链接断开了链接断开了