Катушка Bootstrap ("пауза") не работает при нажатии кнопки

54
5

В настоящее время я работаю над Bootstrap. Все работает отлично, как карусель (полноэкранный режим Image Roll), карусель контролирует как левый, так и правый, как мне нужно. Еще одна вещь, в которой я нуждаюсь, - это кнопка паузы в середине карусели. когда я нажимаю "пауза", карусель должна остановиться, пока не нажмете "Играть". Для этого я использовал JQuery.

$(".carousel").carousel("pause");

Однако, когда я нажимаю на btnPause, карусель не останавливается вообще. Не знаю, чего мне не хватает.

Полный код:

HTML

<div id="myCarousel" class="carousel carousel-fade slide">
.
.
.
//Controls
<a class="bgLeft" href="#myCarousel" data-slide="prev"></a>
<a class="bgMid" id="btnPause"></a>
<a class="bgRight" href="#myCarousel" data-slide="next"></a>
</div>

CSS

.bgMid {
background: url('/Img/pause.png')no-repeat;
width: 35px;
height: 35px;
display: block;
cursor: pointer;
position: absolute;
top: 50%;
left: 50%;
margin-top: -17px;

}

Jquery

$(document).ready(function () {
$("#myCarousel").carousel({
interval: 5000,
pause: "false"
});
$("#btnPause").on('click', function () {
$(".carousel").carousel("pause");
});
});

спросил(а) 2015-02-11T10:45:00+03:00 5 лет, 4 месяца назад
1
Решение
77

Делать

 
 $("#btnPause").on('click', function() { $(".carousel").carousel("pause"); });

в

 
 $("#btnPause").on('click', function (e) { e.preventDefault(); $(".carousel").carousel("pause"); });

И чем тест

ответил(а) 2015-02-11T11:06:00+03:00 5 лет, 4 месяца назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема