javascript - 点击任何 li 项目后 ul li 下拉菜单不会显示 li 项目

Question

代码在这里:http://jsfiddle.net/C5mTf/49/我不知道为什么。下面的代码有问题吗？

$("#menu").on('click','li',function (){
    var current = $(this).text();
    $('li.top').text('Sort: ' + current);
    $('.item').hide();
});

Answer 1

工作代码在这里:

http://jsfiddle.net/C5mTf/55/

<小时/>

$( document ).ready(function(){
    var first = $(this).find("li").eq(1);
    $('li.top').text('Sort: ' + first.text());

    $(".top").on("click mouseover", function(){
        $('.item').show();
    });

    $("#menu").on('click', '.item', function(){
        $('li.top').text('Sort: ' + $(this).text());
        $('.item').hide();
    });
});

<小时/>