无法让 .live on keydown 工作...有什么建议吗？

Question

我尝试使用 .on 代替，并委托，但没有一个起作用。 （代码在不运行时有效） 有人可以帮我吗？我正在循环出一个具有“qspholder”类的列表（通过ajax请求），并且此代码应该允许我使用箭头键选择并单击列表上的项目并输入。然而，由于某种原因，当我尝试实时进行时，我似乎无法使其正常工作。提交和检索值后，我将其（列表）放在带有 .html(data) 的 div 中。该代码不在正在加载的页面上，而是在我将其加载到的页面上。谁能给我一些关于如何让它发挥作用的建议？谢谢。

$(window).live("keydown", function(e){
        var liSelected;
        var li = $('.qspholder');
        $('.qspholder').removeClass('selected');
        if(e.which === 40){
            if(liSelected){
                liSelected.removeClass('selected');
                next = liSelected.next();
                if(next.length > 0){
                    liSelected = next.addClass('selected');
                }else{
                    liSelected = li.eq(0).addClass('selected');
                }
            }else{
                liSelected = li.eq(0).addClass('selected');
            }
        }else if(e.which === 38){
            $('.qspholder').removeClass('selected');
            if(liSelected){
                liSelected.removeClass('selected');
                next = liSelected.prev();
                if(next.length > 0){
                    liSelected = next.addClass('selected');
                }else{
                    liSelected = li.last().addClass('selected');
                }
            }else{
                liSelected = li.last().addClass('selected');
            }
        } else if(e.which === 13) {
            liSelected.click();
        }
    });

Answer 1

这有效，将其应用到您的代码

$(document).on("keydown", function(e){alert(e.keyCode);});

http://jsfiddle.net/KBPb4/10/

应用于您的原始代码（还将 IF 更改为 SWITCH ）

$(document).on("keydown", function (e) {
    var liSelected;
    var li = $('.qspholder');
    $('.qspholder').removeClass('selected');

    switch (e.keyCode) {
    case 40:
        if (liSelected) {
            liSelected.removeClass('selected');
            next = liSelected.next();
            if (next.length > 0) {
                liSelected = next.addClass('selected');
            } else {
                liSelected = li.eq(0).addClass('selected');
            }
        } else {
            liSelected = li.eq(0).addClass('selected');
        }
        break;
    case 38:
        $('.qspholder').removeClass('selected');
        if (liSelected) {
            liSelected.removeClass('selected');
            next = liSelected.prev();
            if (next.length > 0) {
                liSelected = next.addClass('selected');
            } else {
                liSelected = li.last().addClass('selected');
            }
        } else {
            liSelected = li.last().addClass('selected');
        }
        break;
    case 13:
        liSelected.click();
        break;
    }
});