如何在Twitter引导程序轮播中加载页面后隐藏左键?

时间:2013-02-17 19:20:20

标签: javascript jquery twitter-bootstrap

如何在Twitter引导程序轮播中加载页面后隐藏左键?

http://twitter.github.com/bootstrap/javascript.html#carousel

我的尝试(它在第一次行动后起作用,我需要所有时间):

$('#myCarousel').on('slid', '', function() {
    var $this = $(this);

    $this.children('.carousel-control').show();
    if($('.carousel-inner .item:first').hasClass('active')) {
      $this.children('.left.carousel-control').hide();
    } 
    else if($('.carousel-inner .item:last').hasClass('active')) {
      $this.children('.right.carousel-control').hide();
  }

});

1 个答案:

答案 0 :(得分:1)

只需在页面加载后隐藏左按钮。因为它总是从第一张幻灯片开始。

$('#myCarousel > .left.carousel-control').hide();

或者,在页面加载后手动触发slid事件。

$('#myCarousel').on('slid', '', function () {
  ...
}).trigger('slid');