Видео JS нажатие на пункт меню скрытых титров не срабатывает - PullRequest
Новая
       59

Видео JS нажатие на пункт меню скрытых титров не срабатывает

1 голос
/ 09 июля 2020

У меня есть проигрыватель видео JS с меню скрытых субтитров, в котором есть только 2 варианта: «Субтитры отключены» и «Engli sh». Мне нужно что-то сделать, когда произошел щелчок по опции «Субтитры выключены» или «Engli sh». Я добавил обработчики кликов для обоих элементов, но похоже, что даже не запускается вообще: 

$('.vjs-subs-caps-button .vjs-menu-item:nth-child(2)').click(function(a) {
     // Do something1
});

$('.vjs-subs-caps-button .vjs-menu-item:nth-child(1)').click(function(a) {
     // Do something2
});

Я также проверил, что в момент, когда я настраиваю обработчики, оба селектора представлены на странице. Я также попытался использовать jQuery s live() вместо click(), чтобы убедиться, что элемент действительно представлен. Но это тоже не сработало.

HTML меню скрытых субтитров для видео JS: 

<div class="vjs-subs-caps-button">
 <div class="vjs-menu">
    <ul class="vjs-menu-content" role="menu">
      <li class="vjs-menu-item vjs-selected" tabindex="-1" role="menuitemradio" aria-disabled="false" aria-checked="true">
             <span class="vjs-menu-item-text">captions off</span>
             <span class="vjs-control-text" aria-live="polite">, selected</span>
      </li>
      <li class="vjs-menu-item vjs-subtitles-menu-item" tabindex="-1" role="menuitemradio" aria-disabled="false" aria-checked="false">
            <span class="vjs-menu-item-text">English</span>
            <span class="vjs-control-text" aria-live="polite"></span>
     </li>
   </ul>
 </div>
</div>

Я также попытался изменить свой селектор, чтобы выбрать элемент (.vjs-menu-item-text ) внутри списка, но щелчок по нему тоже у меня не сработал: 

$('.vjs-subs-caps-button .vjs-menu-item:nth-child(2) .vjs-menu-item-text').click(function(a) {
     // Do something1
});
...