1

on:hoverBootstrap Carousel のみを循環させ、マウスが離れると一時停止したいと思います。デフォルトの Bootstrap コード ベースを使用しています。この機能を備えた複数のカルーセルがページに表示されます。

できればインターバルスピードもコントロールしたいです。data-interval 属性が機能していないようです。

このコードはほとんど機能しますが、最初にマウスがカルーセルの上に置かれたときだけです。2 回目は機能せず、間隔を制御しません。

<script>
  $(document).ready(function(){
    $('.carousel').mouseenter(function() {
        $(this).carousel('cycle');
    }).mouseleave(function() {
        $(this).carousel('pause');
    });
  });
</script>
4

1 に答える 1

2
<script>
$(document).ready(function(){
  $(`.carousel`).on(`mouseenter`,function() {
  $(this).carousel('cycle');
  }).on(`mouseleave`, function() {
  $(this).carousel('pause');
  });
});
</script>

他の誰かがこのソリューションを探している場合に備えて。

于 2013-04-22T03:11:21.463 に答える