嗨,我是堆栈溢出和jquery的新手,这是我的第一个问题。
我想在keydown事件上为同一个类添加和删除一个活动类到多个div,并触发一个click函数到活动类。
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>
而javascript代码如下:keypress功能:
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。很抱歉不够清楚。但任何帮助都会非常棒。
提前致谢 :)
有点困惑......也许你想要一些这个?
$( "#standard_buttons div:eq(0)" ).keydown(function() {
$( "#standard_buttons div:eq(0)").toggleClass("active");
});