2016-11-03 5 views
0

私はofficial siteからブートストラップカルーセルを研究しています。彼らはマウスセンターのイベントでカルーセルのサイクリングを一時停止することを示唆しているところでpauseから"hover"に設定します。これは、1秒にサイクリング速度を設定するが、カルーセルはまだそれの上にホバリングに停止しませんFirefoxでオプションのカルーセルオプションをブートストラップするために複数のオプションを渡すには?

$('.carousel').carousel({ 
    pause: "hover", 
    interval: 1000   
}) 

:私も、私はこれを試してみましたので、1秒にサイクリングスピードを変更したいです。だから、私の質問は以下のとおりです。カルーセルもhoverpauseを設定した後に、サイクリングを停止しないのはなぜ

  1. デフォルト値pausehoverであると言われています。なぜ、カルーセルがデフォルトでホバーでサイクリングを停止しないのですか?キャロセルがデフォルトでホバー上で受け入れられない場合は、なぜnullpauseに使用するのですか?

注:このバグは、Firefoxのブラウザでのみ表示されます。クロームでは、カルーセルはホバー上で一時停止します。

+0

あなたのコードは動作するはずです、作るのホバリングをブロックする可能性のあるカルーセルの前に何もないことを確認してください:) – jogoe

+0

とあなたはidのカルーセルを$ ['carousel'] – jogoe

+0

@ jogoeいいえ。カルーセルをあいまいにすることはありません。以下は、ホバリング時にカルーセルを一時停止しますが、マウスの '$( '。カルーセル')では実行しません。 ' – user31782

答えて

1

は、あなたはこれを試してみました:

$('#myCarousel').hover(function() { 
    $(this).carousel('pause'); 
}, function() { 
    $(this).carousel('cycle'); 
}); 

をここに見られるように:https://github.com/twbs/bootstrap/issues/1048

編集:私はhttps://www.koopensteun.beで完全に動作するカルーセルを実装し、コード:

<div id="myCarousel" class="carousel slide" data-ride="carousel"> 

    <!-- Wrapper for slides --> 
    <div class="carousel-inner" role="listbox"> 
     <div class="item active"> 
     <img class="width90" src="img/1.jpg" alt="Gratis het goede doel steunen! Hoe kan dat?" width="460" height="345"> 
     </div> 

     <div class="item"> 
     <img class="width90" src="img/2.jpg" alt="Na aankoop bedanken de webshops op Koop&Steun ons voor de reclame" width="460" height="345"> 
     </div> 

     <div class="item"> 
     <img class="width90" src="img/3.jpg" alt="Wij storten deze bijdrage door naar jouw favoriete goede doel of vereniging!" width="460" height="345"> 
     </div> 
    </div> 
    <!-- Indicators --> 
    <ol class="carousel-indicators"> 
     <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
     <li data-target="#myCarousel" data-slide-to="1"></li> 
     <li data-target="#myCarousel" data-slide-to="2"></li> 
    </ol> 
</div> 
+0

はい私は試して、それが動作することを知っている。しかし、私の質問です:ブートストラップの公式ページは、 'ホバー 'に'休止 'を設定するとうまくいくと言って、技術的に間違っていますか? – user31782

+0

最新のブートストラップリリースを使用していますが、いくつかのブラウザで問題が発生していますか?私は非常に最近カルーセルを実装しましたが、実際には、その上にマウスを置くと、デフォルトでは一時停止しています。 – Jenever

+0

興味深い。クロームでは正常に動作しますが、Firefoxでは動作しません。そして、はい、私はブートストラップ3.3.7を使用しています。 – user31782

関連する問題