如何在元素插入DOM后对元素执行jQuery函数?

时间:2014-03-29 08:39:02

标签: javascript jquery dom asynchronous

考虑以下代码

    $li         = $('<li></li>');
    $divHandle  = $('<div></div>');
    $divContent = $('<div></div>');
    $i          = $('<i></i>');
    $span       = $('<span></span>');
    $spanEnd    = $('<span></span>');
    $spanIndex  = $('<span></span>');
    $wrapper    = $('<div></div>');

    $divHandle.addClass('dd-handle').addClass('dd3-handle');
    $divContent.addClass('dd3-content').append($spanIndex).append($span);

    $i.attr('title','Delete this Node').addClass('icon-remove-sign');
    $spanEnd.addClass('delete-element-node').append($i);

    $li.addClass('dd-item').addClass('dd3-item');

    $divContent.append($spanEnd);

    $li.append($wrapper.append($divHandle).append($divContent));

    $('#ExhibitNodes > ol').append($li);

在此,我将一个元素$divContent附加到插入DOM的列表项中。我的问题是,有没有一种方法类似于通过引用传递对象(如PHP或其他东西),这将允许您这样做:

    $divContent.fn.applyFunction();

之后将$divContent插入DOM。我们需要做的是将元素插入到DOM中,并带有加载指示符。调用AJAX过程时将显示加载指示符,当AJAX完成并成功时,它将使用该函数更新该元素。但为了做到这一点,我们需要先将它插入DOM。

思想?

1 个答案:

答案 0 :(得分:0)

答案其实很简单。我不知道这一点,通过纯粹的实验,它起作用了。

http://jsfiddle.net/z3es9/

基本上,我创建了一个元素$element - 给它一些属性和一个类,然后$.append()给它。

单击该按钮可修改原始$element并将更改传递给插入/追加的DOM元素。

哇。凉!希望这有助于某人!