Question

我使用jquery标签（tabs）。我想让标签水平滑动（向左/向右滑动）..

我用谷歌搜索，发现我可以将'fx'参数传递给制表符，但我没有找到要传递的参数，以便制作标签以进行滑动。

谢谢

Answer 1

This plugin is great，它被称为CodaSlider。像魅力一样工作，非常容易使用。将为您节省数小时的工作量。

Answer 2

这对我有用：

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

Answer 3

您可以在此处找到“幻灯片”效果的选项： http://docs.jquery.com/UI/Effects/Slide

例如，

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

您还可以在以下链接中找到其他动画选项： http://docs.jquery.com/UI/Effects/

Answer 4

@DanAbramov Coda Slider非常易于使用。所有这些包装器和容器都是动态生成的，并且不需要程序员完全设置它......

此外，虽然它没有破坏任何布局，但它不是为移动设备设计的。而是查看Liquid Slider，这是Coda Slider的扩展。

我把它们都建了起来。

Answer 5

JQuery Tabs滑动响应点击 - 转发＆amp;向后

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

如何使jQuery选项卡滑动？

5 个答案: