Javascript 使用jquery导航到照片页面的箭头键
我正在尝试添加左右箭头键以导航到照片页面。每个照片页面都有如下导航部分。一旦我按下该键,它将转到无停止操作转发到下一页。谁能帮帮我吗。提前谢谢Javascript 使用jquery导航到照片页面的箭头键,javascript,jquery,Javascript,Jquery,我正在尝试添加左右箭头键以导航到照片页面。每个照片页面都有如下导航部分。一旦我按下该键,它将转到无停止操作转发到下一页。谁能帮帮我吗。提前谢谢 <div style="margin: 10px auto 0 auto; text-align: center; width: 650px;"> <div class="nav_section" id="navigation"> <ul> <li> <a href="/photos/view/1
<div style="margin: 10px auto 0 auto; text-align: center; width: 650px;">
<div class="nav_section" id="navigation">
<ul>
<li> <a href="/photos/view/120"><img src="/photos/square/120-df1dppn7253nge2e929k.jpg"></a> </li>
<li> <a href="/photos/view/118"><img src="/photos/square/118-dmfpm8xtzdg3kb2k85b8.jpg"></a> </li>
<li> <a href="/photos/view/116"><img src="/photos/square/116-kfaga5w36gbhej7g641c.jpg"></a> </li>
... and so on,....
</ul>
</div>
</div>
... 等等
这是我得到的垃圾剧本:
<script type="text/javascript">
$(document).ready(function() {
$(document).keyup(function(event) {
var key = event.which;
if(key == 37) { // Left arrow key
$('a').trigger('click');
}
if(key == 39) { //Right arrow key
$('a').trigger('click');
}
});
});
</script>
$(文档).ready(函数(){
$(文档).keyup(函数(事件){
var key=event.which;
如果(键==37){//左箭头键
$('a')。触发器('click');
}
如果(键==39){//右箭头键
$('a')。触发器('click');
}
});
});
看起来您正在单击页面上的每个锚点$('a')
。您可能需要在那里更改选择器
如果没有更多的上下文,我无法指导您做什么——但您需要找出活动图片,我假设会触发对它(或某些导航元素)的单击,这取决于您的内容的工作方式。链接的单击事件一定有问题。让函数负责执行任何操作(后退/前进),然后在需要时调用它可能是个好主意。谢谢大家,。。。问题解决了,。。。我只是在照片链接prevP和nextP中添加了一个类 如果有人需要,下面是正确的脚本:
<script type="text/javascript">
$(document).ready(function() {
$(document).keyup(function(event) {
var key = event.which;
if(key == 37) { // Left arrow key
$('a.prevP').trigger('click');
}
if(key == 39) { //Right arrow key
$('a.nextP').trigger('click');
}
});
});
</script>
$(文档).ready(函数(){
$(文档).keyup(函数(事件){
var key=event.which;
如果(键==37){//左箭头键
$('a.prevP').trigger('click');
}
如果(键==39){//右箭头键
$('a.nextP')。触发器('click');
}
});
});
@XachKaa如果您在或上树立了榜样,我很乐意进一步提供帮助。