jQuery：使用 live() 而不是 delegate() 使 Dropdown 工作

Question

我构建了一个相当简单的下拉菜单。这是实时示例： http://jsfiddle.net/K8VtB/

我正在使用的代码是这样的：

$(document.body).delegate('.select .option', 'click' , function(e){
    e.stopPropagation();
        $(".select .option:not('.darr')").hide();
        selectedOption = $(this).parents("div.select").find(".option:first");

        $(this).siblings().show();
        selectedOption.text($(this).text()).attr("title",this.title);
});

$(document.body).delegate('.select .option:not(".darr")', 'click' , function(e){
    $(this).parents("div.select").find(".option:not('.darr')").hide();
    console.log($(this).attr('data-ajax-link')); 
});

$(document).click(function() {
    $(".select .option:not('.darr')").hide();
});

我在这方面得到了一些帮助，因为我以前从未使用过委托。

我尝试用 live() 方法做同样的事情。我想知道为什么这不适用于现场？或者我做错了什么？

这是我尝试做的与现场相同的脚本。只是没有任何效果。 http://jsfiddle.net/K8VtB/1/

任何人都可以帮助我并告诉我什么使用 live() 时我做错了？

Answer 1

更改

$(document).click(function() {
    $(".select .option:not('.darr')").hide();
});

为

$(window).click(function() {
    $(".select .option:not('.darr')").hide();
});

这里是小提琴 http://jsfiddle.net/K8VtB/4/