insertAfter函数-超过最大调用堆栈大小错误

有多种因素 动态放置 通过Wordpress插件使用Javascript。

<div id="billing_address_1_field">address</div>
<div id="billing_country_field">country</div>
<div id="billing_postcode_field">postcode</div>
<div id="billing_city_field">city</div>

因此,我添加了以下jQuery代码来更改元素的顺序:

(function($){

    $("body").bind("DOMNodeInserted", function() {

        //move before country fields
        $(this).find('#billing_postcode_field').insertBefore('#billing_country_field');
        $(this).find('#billing_city_field').insertBefore('#billing_country_field');
    });
})(jQuery);

邮政编码和城市元素应在 #billing_country_field .

当我进入那个特定的网页时,我得到了这个错误的无限循环: Maximum call stack size exceeded error

预期结果:

<div id="billing_address_1_field">address</div>
<div id="billing_postcode_field">postcode</div>
<div id="billing_city_field">city</div>
<div id="billing_country_field">country</div>

因为元素是动态放置的,所以我不能这么做:

$('body').find('#billing_postcode_field').insertBefore('');