Bootstrap选项卡内容向左滑动并向右滑动

Question

我正在开发bootstrap布局，我有导航丸和标签内容，我想创建幻灯片并在选项卡内容中向右滑动更改标签。

    $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {    
        var target = $(this).attr('href');  

  $(target).animate({"left":"-9999px"}, "2000").animate({"left":"0px"}, "2000");
    })

此代码有效，但标签内容未向左滑动100％，某些内容仍然可见。如何做到这一点，标签内容将向左滑动，更改并向右滑动。

非常感谢！

Answer 1

也许这样会对你有用

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
  var target = $(this).attr('href');

  $(target).css('position', 'relative'); // you need position relative in order to apply 'left' 
  $(target).animate({"left":"-2500px"}, 2000).animate({"left":"0"}, 2000);
});