Bootstrap - пауза Карусель

Question

Что я хочу сделать, это приостановить мою карусель при наведении указателя мыши на ДРУГОЙ div. Я пытался использовать JQuery и .hover для этого:

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

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

Но это не работает. Поэтому я взял интервал ложь еще один пост здесь, и это не будет работать:

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

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

я освоил каждую самозагрузку материала, выцветания переходов, прикрепляя мое меню, но это просто не будет работать. Live Demo: http://mentsik.eu/kerek/

Это всего лишь тестовый сайт для тестирования Bootstrap. Мой Javascript, как в примерах, в собственном applications.js

Answer 1

Допуская #running-box является элемент, который вы хотите использовать в качестве цели парения И #bg-car это одна с каруселью, следующие будут работать:

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

Обратите внимание, что ваш пример имеет bg-car без периода или #.