1

私がやりたいのは、マウスを別のdivの上に置いたときにカルーセルを一時停止することです。これにはjQueryと.hoverを使用しようとしました:

$('#running-box, #bg-car').carousel({})

    $("#running-box").hover(function(){
        $("bg-car").carousel({interval: false});
    });

しかし、それは機能していません。interval:false を使用した理由は、ここからの別の投稿です。これも機能しません。

$('#running-box, #bg-car').carousel({})

    $("#running-box").hover(function(){
        $("bg-car").carousel('pause');
    });

私はすべてのブートストラップを習得し、トランジションをフェードし、メニューを貼り付けましたが、これはうまくいきません。ライブデモ: http://mentsik.eu/kerek/

これは、Bootstrap をテストするための単なるテスト サイトです。私のJavascriptは、独自のapplications.jsの例のようです

4

1 に答える 1

3

#running-boxがホバー ターゲットとして使用する要素#bg-carであり、カルーセルを含む要素であると仮定すると、次のように動作します。

 $("#running-box").hover(
    function(){
        $("#bg-car").carousel('pause');
     },
    function() {
      $("#bg-car").carousel('cycle');
    }
  );

bg-car例にはピリオドまたは #がないことに注意してください。

于 2013-04-04T18:20:05.390 に答える