Добавить активный класс по событию keydown - PullRequest
Новая
       11

Добавить активный класс по событию keydown

0 голосов
/ 04 июля 2018

Привет, я новичок в переполнении стека и jquery, и это мой первый вопрос.

Я хотел бы добавить и удалить активный класс для нескольких div с одним и тем же классом в событии keydown и вызвать функцию щелчка для активного класса.

HTML-код выглядит примерно так 

 <div id="playbar_wrapper">
    <div id="standard_buttons" tabindex='0'>
    <div class="button_wrapper"><div onclick= "rwdButton()" id="prev"  class="button"><img src="prev.png"  alt="Previous Item"/></div></div>
    <div class="button_wrapper"><div onclick= "stopButton()" id="stop"  class="button"><img src="stop.png"  alt="Stop"/></div></div>
    <div class="button_wrapper active"><div onclick= "playButton()" id="play"  class="button"><img src="play.png"  alt="Play"/></div></div>
    <div class="button_wrapper"><div onclick= "pauseButton()" id="pause" class="button"><img src="pause.png" alt="Pause"/></div></div>
   <div class="button_wrapper"><div onclick= "fwdButton()" id="next"  class="button"><img src="next.png"  alt="Next Item"/></div></div>                 
</div>
</div>

И код javascipt выглядит следующим образом: функция нажатия клавиш: 

KeypressFunctions[KeyEvent.VK_LEFT] = nextButton; 

function nextButton(){
  var currentArticle = 
$('.active').removeClass('active').next('.button_wrapper');

currentArticle= currentArticle.length > 0 ?  currentArticle : 
$('#standard_buttons div:eq(0)');
     currentArticle.addClass('active').children('.button').click(); 

}

Функция щелчка работает с двумя div одновременно. Извините, что не достаточно ясно. Но любая помощь будет очень полезна.

Заранее спасибо:)

1 Ответ

0 голосов
/ 04 июля 2018

Немного смущает ... может быть, вы хотите что-то вокруг этого? 

$( "#standard_buttons div:eq(0)" ).keydown(function() {
  $( "#standard_buttons div:eq(0)").toggleClass("active");
});
...