我如何让jquery识别使用.on在fly元素上创建的？

Question

我使用以下代码来开始动画处理：

$('body').on('click','#contain span', function(){
            var $target = $(this).parent().children('#contain_inner');
            flyout.fadeOldBox($target);
            flyout.createBox();
})

然后， flyout.createbox()创建一个#contain_inner的新实例，但是当我上面的click函数尝试再次定位该新实例时，该新实例不可用。 我知道，如果我使用.live ，那么一切都会正常进行，但是现在已经过时了，我真的不明白如何使用.on来完成我在这里需要的工作。

我知道我已经在上面使用.on进行点击了，但是我仍然不知道如何将其绑定到将在flyout.createBox()创建的新#contain_inner div上。

编辑：显示flyout.createBox（）代码...现在都在工作！

createBox: function(){
            $box = $('<div id="feed_contain_inner"></div>'); //was accidentally creating that as div class= instead of the id
            $box.load('example')
            $box.appendTo('#contain');
            flyout.positionBox($box);

    }

Answer 1

这与现场直播相同：

$(document).on('click', '.yourslector', callback);

Answer 2

您是否在$(document).ready()设置.on() $(document).ready() ？ 如果将新元素设置在 $(document).ready() 之外，则它将触发。