我如何讓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() 之外，則它將觸發。