jquery .hover 不适用于 AJAX 呈现的元素

我有一些通过 AJAX 调用创建的元素。在这些元素中，有一个子元素，当悬停时需要显示另一个动态创建的子元素。当我运行.hoverjquery 在小提琴中，工作正常。当我在代码中实现它时，它不想工作。

我想知道这是否取决于什么时候.hover加载脚本与从 AJAX 加载元素时的比较。一个人需要走在另一个人之前吗？应该.promise被制定为等待 AJAX 元素加载之前.hover脚本运行了吗？

这里有一个fiddle http://jsfiddle.net/7dcuh/14/我的例子。

对于动态生成的元素，事件应该从元素或文档对象的静态父级之一委托，您可以使用on or delegate method.

$(document).on({
    mouseenter: function() {
        $(this).next('.show').fadeIn(800);
    },
    mouseleave: function() {
        $(this).next('.show').delay(800).fadeOut(800);
    }
}, '.touch');