引導選項卡的內容向左滑動，向右滑動

Question

我正在研究引導程序布局，並且我擁有導航葯丸和標簽頁的內容，我想創建滑出的幻燈片，並在更改標簽上的標簽內容中向右滑動。

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