簡體   English   中英

將元素插入DOM后,如何對元素執行jQuery函數?

[英]How do I perform a jQuery function on an element after it has been inserted into the DOM?

考慮以下代碼

    $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中。

有什么想法嗎?

答案實際上很簡單。 我不知道這一點,通過純粹的嘗試,它奏效了。

http://jsfiddle.net/z3es9/

基本上,我創建一個元素$element給它一些屬性和一個類,然后將其$.append()傳遞給DOM。

單擊按鈕將修改原始的$element並將更改傳遞到插入/附加的DOM元素上。

哇。 涼! 希望這對某人有幫助!

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM