lef 및 right 키를 사용하여 PHP로 페이지가 매겨진 목록을 가로 질러 가려고합니다. 오른쪽 키를 누른 후 Jquery는 숫자 2 인 하나의 숫자에 붙어있는 것처럼 보입니다. 무엇이 잘못되었는지 궁금합니다. 아래 : 대단히 감사합니다.jquery onkey left right 슬라이드가 제대로 작동하지 않습니까?
$(document).ready(function(){
function loading_show(){
$('#loading').html("<img src='images/loading.gif'/>").fadeIn('fast');
}
function loading_hide(){
$('#loading').fadeOut('fast');
}
function loadData(page){
loading_show();
$.ajax
({
type: "POST",
url: "load_data.php",
data: "page="+page,
success: function(msg)
{
$("#container").ajaxComplete(function(event, request, settings)
{
loading_hide();
$("#container").html(msg);
});
}
});
}
loadData(1); // For first time page load default results
$('#container .pagination li.active').live('click',function(){
var page = $(this).attr('p');
loadData(page);
});
$('#go_btn').live('click',function(){
var page = parseInt($('.goto').val());
var no_of_pages = parseInt($('.total').attr('a'));
if(page != 0 && page <= no_of_pages){
loadData(page);
}else{
alert('Enter a PAGE between 1 and '+no_of_pages);
$('.goto').val("").focus();
return false;
}
});
$(document).keydown(function(e){
if (e.keyCode == 39) {
//do while(){
var page = $('#container .pagination li.active').attr('p');
var add= 1
var key = parseInt(page) + parseInt(add);
//document.write(key);
loadData(key);
var page = key
//}
return false;
}
});
});
당신이 이동으로 설정되어 있는지 찾아야한다 다음으로 모든 li에서 활성 클래스를 제거하고 다음 li에 활성 클래스를 추가합니다. 또한 모든 li에서 활성 클래스를 제거하고 이전으로 이동하면 이전 클래스에 활성 클래스를 추가합니다. –