我的圖片庫不工作（jQuery）

我試圖使用jQuery，keypress（）函數做一個畫廊。第一個按鍵的作品（我可以用Enter進入下一張圖片），但第二個沒有任何作用。它應該跳回到第一張圖片，使用Esc重新設置圖庫。我可能在這裏犯了一個很大的錯誤。：P我的圖片庫不工作（jQuery）

這裏是我的jQuery：

var belvImg = function() { 
 
    $(document).keypress(function(event) { 
 
    if (event.which === 13) { 
 
     $('.img').hide(); 
 
     $('.currentimg').show(); 
 

 
     var currentImg = $('.currentimg'); 
 
     var nextImg = currentImg.next(); 
 

 
     currentImg.removeClass('currentimg'); 
 
     nextImg.addClass('currentimg'); 
 

 
    } else if (event.which === 27) { 
 
     $('.img').hide(); 
 
     var currentImg = $('.currentimg'); 
 
     currentImg.removeClass('currentimg'); 
 
     $('#firstimg').addClass('currentimg'); 
 
     $('#firstimg').show(); 
 
    } 
 
    }); 
 
}; 
 

 
$(document).ready(belvImg);

#imgholder { 
 
    margin: auto; 
 
    width: 90%; 
 
    height: 500px; 
 
    border: 1px solid black; 
 
} 
 
#imgholder img { 
 
    position: absolute; 
 
    width: 800px; 
 
    height: 450px; 
 
    display: none; 
 
    margin-top: 25px; 
 
    right: 420px; 
 
} 
 
.currentimg { 
 
    position: absolute; 
 
    display: block; 
 
} 
 
#imgholder h2 { 
 
    display: none; 
 
    position: absolute; 
 
    left: 600px; 
 
    margin-top: 150px; 
 
}

<div id="imgholder"> 
 
    <img id="firstimg" class="currentimg img" src="belvaros2.jpg" /> 
 
    <img class="img" src="belvaros3.jpg" /> 
 
    <img class="img" src="belvaros4.jpg" /> 
 
    <img class="img" src="belvaros5.jpg" /> 
 
    <img class="img" src="belvaros6.jpg" /> 
 
    <h2 class="img">Esc to reset!</h2> 
 
</div>

感謝您的幫助！

來源

2015-05-21 Gtomika

可能的重複[哪些keycode與jQuery的轉義鍵]（http://stackoverflow.com/questions/1160008/which-keycode-for-escape-key-with-jquery） – TW147

使用keyup代替按鍵

$(document).keyup(function(event) {

它爲我工作！

來源

2015-05-21 16:48:43 TW147

感謝它的工作！ – Gtomika

我的圖片庫不工作（jQuery）

回答

相關問題