@WebforSelf

Как реализовать чтоб скрипт применялся по id?

Есть скрипт,

$('.video_btn').hover(function() {
	
    $(this).next().show(); 
	$('#vidos').trigger('play');
	$("#vidos").prop('muted', false);
}, 
function() {
    $(this).next().hide();
	$('#vidos').trigger('pause');
});


При наведении на кнопку , открывается блок и воспроизводится видео.
а что если будет 5 блоков товара ( список)

получается что кнопке и id с видео присвоил id товара

.video_btn-1
#vidos-1

.video_btn-2
#vidos-2

и т.д. А как реализовать чтоб в скрипте он брал id ? и обрабатывал именно тот блок.

Получается что hide show работают нормально, т.к. он берет следующий элемент, а вот видео запускается и на паузу ставится только первое.

Может как то через data атрибуты?
  • Вопрос задан
  • 46 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы