javascript - 白皮书 : Enqueue JS at very end of the loading site

Question

我有一个脚本，它稍微改变了 div 的位置。为了正常工作，它必须在页面加载的最后加载 - 这是因为我的 WP 页面有几个不同的插件，其中一些使用 js 在页面上显示内容，移动该内容是我想要实现的。

我尝试将 999999 优先级设置为 add_action 参数，还尝试使用 js 函数 settimeout 作弊，但这不是重点 - 它必须每次都有效，而我的“解决方案”并没有为我提供。总是有一些链接脚本比我的晚加载，超时有时有效，但只是有时...

我认为可能会发生冲突的插件:Woocommerce、Easy FancyBox、Instagram Feed。

谢谢帮助!

[编辑]

所以，我需要改变这个:

<div class="foo">
    <div class="bar">
        <div class="destination">
        </div>
    </div>
    <div class="origin">
    </div>
</div>

对此:

<div class="foo">
    <div class="bar">
        <div class="destination">
            <div class="origin">
            </div>
        </div>
    </div>
</div>

我的js代码是:

var from = document.getElementsByClassName("origin");
jQuery("window").on("load",function(){
    jQuery.each(from, function(i, el) {
        jQuery(el.parentNode.parentNode).find(jQuery(".destination"))[0].appendChild(el);
    });
});

我唯一需要的是在所有 js 文件之后加载它。

此外，有时有效的函数看起来是这样的:

var from = document.getElementsByClassName("origin");
setTimeout(function() {
    jQuery.each(from, function(i, el) {
        jQuery(el.parentNode.parentNode).find(jQuery(".destination"))[0].appendChild(el);
    });
},1);

Answer 1

而不是使用 $( document ).ready(function() { 尝试使用 $( window ).on( "load", function() {