在文档准备好后未加载脚本

时间:2018-01-02 作者:The WP Intermediate

if ( ! function_exists( \'loadingscripts\' ) ) {
function loadingscripts() {
        // Register the script like this for a theme:
        wp_register_script( \'custom-js\', get_template_directory_uri() . \'/js/custom.js\', array( \'jquery\' ), \'1.1\', true );
        wp_enqueue_script( \'custom-js\' );

        /* Load the stylesheets. */
        // wp_enqueue_style( \'fontawesome\', THEMEROOT . \'/inc/lib/fontawesome/css/font-awesome.min.css\' );
        wp_enqueue_style( \'layout\', THEMEROOT . \'/css/layout.css\' );
        wp_enqueue_style( \'styles\', THEMEROOT . \'/css/style.css\' );
    }
}
add_action(\'wp_enqueue_scripts\',\'loadingscripts\');
我认为Javascript是在DOM之前加载的,因为在其纯HTML版本中,我是在页脚中加载Javascript的,但在WordPress转换中,它不起作用。解决方案是什么?

2 个回复
最合适的回答,由SO网友:Tom J Nowell 整理而成

Javascript在加载后立即运行,您需要等待DOM就绪事件,您可以在JS而不是WP中执行此操作:

jQuery(document).ready(function(){
    /* your code here */
});

SO网友:Espi

我必须通过编辑add\\u操作将自定义脚本移到页脚底部

add_action(\'wp_enqueue_scripts\',\'loadingscripts\', 9999);

第三个参数是函数加载的优先级。给它一个9999的值将把它推到底。如果你知道代码是独立工作的,我最好的猜测是它是一个插件的脚本文件,不能很好地处理你的脚本。

结束

相关推荐

OnClick帖子标题在管理区域的javascript文件不起作用

我试图加载一个弹出窗口,点击管理区的帖子标题,然后通过元查询获取数据,并在弹出窗口中显示,但在控制台中显示错误,js函数未定义。看起来文件没有正确包含,我尝试了很多方法,但仍然是一样的。我正在尝试将该文件包含在插件名“tasks”中,js文件位于tasks/assets/js/functins.jshttp://prntscr.com/gv2ea2这里我包括脚本文件add_action(\'wp_enqueue_scripts\',\'tasks_js_file_func\'); &#x