Question

我打算在WordPress上下文中编写一个小图表库（包括条形图，饼图，线条等图表类型）。该库可能依赖于外部库，如D3.js，underscore.js等。理想情况下，我不必在每个页面上包含所有图表和所有依赖项。

管理WordPress页面和帖子中这些图表的实例化以及加载其依赖项的好方法是什么？ Require.js示例，本机WP加载资源或类似内容非常受欢迎。

感谢。

Answer 1

查看WordPress的wp_enqueue_script和wp_enqueue_style函数。它是将脚本和样式链接到页面的推荐方法。您可以创建自定义函数，使用条件语句检查正在显示的页面模板或页面，并相应地加载相关脚本。这样您就不会在每个页面上加载它们。

function load_my_scripts() {
    if (is_page('Charts')) {
        wp_register_script('custom_script', 'path/to/script/',, '1.0', true);
        wp_enqueue_script('custom_script')
    }
}
add_action( 'wp_enqueue_scripts', 'load_my_scripts' );

注意：wp_enqueue函数还有一个依赖项参数。有关详细信息，请参阅Codex页面。真实的＆＃39;最后告诉它在结束</body>标记

之前在页脚中加载脚本

WordPress的JavaScript依赖管理？

1 个答案: