Jquery事件触发一次

我有李#kings的菜单。 点击它会丢弃一个div #kings-drop并加载kingslineup.html 。 在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); }); });