jQuery将触发单击
我使用jquery热键绑定并在用户点击右箭头键时运行函数。当jquery热键检测到键盘上的右箭头被点击时,我希望jquery单击下一个分页链接。出于某种原因,这是行不通的。我已确认分页工作正常。还通过使用下面的命令而不是.trigger.remove()来确认选择器看起来不错jQuery将触发单击,jquery,Jquery,我使用jquery热键绑定并在用户点击右箭头键时运行函数。当jquery热键检测到键盘上的右箭头被点击时,我希望jquery单击下一个分页链接。出于某种原因,这是行不通的。我已确认分页工作正常。还通过使用下面的命令而不是.trigger.remove()来确认选择器看起来不错 $(文档).ready(函数(){ jQuery(document).bind('keydown','right',function(evt){ $(“#页眉”)。查找(“.下一页”)。触发('click'); }); }
$(文档).ready(函数(){
jQuery(document).bind('keydown','right',function(evt){
$(“#页眉”)。查找(“.下一页”)。触发('click');
});
});
对这个有什么想法吗?谢谢为什么不做一个
。单击()
或者,您可以选择href并使用javascript将用户带到那里
location.href='+$('#header').find('.next_page').attr('href')+'' 可能只是您在jQuery中使用了
#header
,在jQuery中将视图header
用作html中的ID。我怀疑事情是否如此简单。很难调用您描述的本机单击事件。使用.trigger('click')
时发生的情况是,它调用onClick事件(没有)。也许最好的做法是创建一个单击处理程序:
$('.next_page').click(function(){
location.href = $(this).attr('href');
});
这是一个单击处理程序:现在当您调用.trigger('click')时,它应该运行以下代码。我认为,根据您所显示的内容(即,您可以只更改keydown处理程序中的location.href值并避免强制单击),这可能会简单得多,但您可能有其他计划:
更新:
这段代码工作得很好。它可能没有它可能是紧凑的,但我试图保持尽可能多的从你原来的职位,因为我可以。享受
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(function(){
$('.next_page').click(function(){
location.href = $(this).attr('href');
});
});
$(document).keydown(function(event) {
if(event.keyCode==39) {
$('.next_page').trigger('click')
}
});
</script>
<div id="header">
<a class="next_page" href="/books/?page=2" rel="next">Next →</a>
</div>
$(函数(){
$('.next_page')。单击(函数(){
location.href=$(this.attr('href');
});
});
$(文档).keydown(函数(事件){
if(event.keyCode==39){
$('.next_page')。触发器('单击')
}
});
谢谢,我现在就试过了。没有效果。还有别的事吗?你不能点击一个类或类似的东西吗?选择href
属性并通过JS将用户带到那里怎么样?请参阅更新的答案。在HTML中,id是视图标题
,而在Javascript中,您要查找标题
。
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(function(){
$('.next_page').click(function(){
location.href = $(this).attr('href');
});
});
$(document).keydown(function(event) {
if(event.keyCode==39) {
$('.next_page').trigger('click')
}
});
</script>
<div id="header">
<a class="next_page" href="/books/?page=2" rel="next">Next →</a>
</div>