Twitter bootstrap 使用键盘在Twitter上滚动';s Bootstrap 2.x模式弹出窗口

Twitter bootstrap 使用键盘在Twitter上滚动';s Bootstrap 2.x模式弹出窗口,twitter-bootstrap,modal-dialog,Twitter Bootstrap,Modal Dialog,我使用引导模式来显示持续集成风格工具的构建日志,它们通常相当长。我可以用鼠标滚轮滚动(当然也可以使用滚动条),但箭头键和pg up/pg dn不起作用。有没有办法让这些功能正常工作?使用modal getid=“myModal”并将内容包装在div中,使用class=“modal body”使用: <script> $('#myModal').keydown(function(e) { if(e.keyCode == 40){$('.modal-b

我使用引导模式来显示持续集成风格工具的构建日志,它们通常相当长。我可以用鼠标滚轮滚动(当然也可以使用滚动条),但箭头键和pg up/pg dn不起作用。有没有办法让这些功能正常工作?

使用modal get
id=“myModal”
并将内容包装在div中,使用
class=“modal body”
使用:

<script>
    $('#myModal').keydown(function(e) 
    { 
        if(e.keyCode == 40){$('.modal-body').scrollTop($('.modal-body').scrollTop()+10);}
        if(e.keyCode == 38){$('.modal-body').scrollTop($('.modal-body').scrollTop()-10);}

    }); 
</script> 

$('#myModal').keydown(函数(e)
{ 
如果(e.keyCode==40){$('.modal body').scrollTop($('.modal body').scrollTop()+10);}
如果(e.keyCode==38){$('.modal body').scrollTop($('.modal body').scrollTop()-10);}
}); 

如果您在页面中有多个模态,并且使用。模态scrollTop()将始终返回第一个模态的位置。 要获得更一般的解决方案,当您有许多模态时,可以执行以下操作:

$('.modal').keydown(function(e){
    var modalid = $('.modal.fade.in:visible').attr('id');  
    if(e.keyCode == 40){
        $('#'+ modalid +' .modal-body').scrollTop($('#'+ modalid +' .modal-body').scrollTop() + 10);
    }
    if(e.keyCode == 38){
        $('#'+ modalid +' .modal-body').scrollTop($('#'+ modalid +' .modal-body').scrollTop() - 10);
    } 
});