Jquery事件触发一次

Question

我有一个包含li #kings的菜单。点击它会删除div #kings-drop并加载kingslineup.html。在kingslineup.html内部是一张图片，点击时可以从侧面设置div。在mouseleave上，两个div都会向上滑动。一切正常，除非我尝试再次运行它而不刷新页面。侧面的动画div不会发射。我猜它再次加载时与kingslineup.html有关。任何人都可以解释为什么会这样吗？

$('#kings').on('click', function(e) {
    e.preventDefault();

    $('#kings-drop').slideUp('slow', function() {
        $(".kings-drop-inner").empty().html('');
    });

    $('#kings-drop').slideDown('slow', function() {
        $('.kings-drop-inner').load('kingslineup.html', function() {}).hide().fadeIn('slow');

    });

    $('.kings-drop-inner').on('click', "#jimmer", function() {   
        $('#player-drop').animate({width:'toggle'},350);
    });

    $('.one').mouseleave(function() {
        setTimeout(function () {
        $('#kings-drop').slideUp();}, 250);

        $('#player-drop').animate({width:'0px'},350);

    });
});