5

我正在为我设置一种方法来保持我喜欢的 requireJS 工作方式并将其与 Wordpress 集成。

最大的问题是如何加载 jquery。Wordpress 通过 wp_enqueue_script 加载 jQuery，这需要保持这种方式，因为我经常使用的一些 Wordpress 插件需要以这种方式添加 jquery。然后我不想在我的 requireJS 设置中加载第二个版本的 jQuery。所以，经过一番环顾，这就是我想出的：

模板/页脚.php

<script>
if (typeof jQuery === 'function') {
    define( 'jquery', function () { return jQuery; } );
}

require(['/assets/js/sample-common.js'], function (common) {
   require(['sample-bootstrapper']);
});
</script>

它查看是否已经将 jQuery 添加到页面中，如果已添加，则将其设置为模块值。

我的问题是我应该将 jquery 留在全局命名空间中，还是按照以下说明进行操作：

http://requirejs.org/docs/jquery.html#noconflictmap

上面的问题是我可能需要包含与 AMD 不兼容的 jquery 插件，是否值得努力使它们与 AMD 兼容，或者我想到的另一个解决方案是从保留 'jQuery 的 noConflict 声明中删除 true ' 在全局命名空间中允许插件运行。

这与其说是一个问题，不如说是对最佳实践建议的呼吁。任何将不胜感激！

谢谢！

4

1 回答 1

0

WordPress 将 jQuery 加入队列，因为它是一个脚本，你应该为你自己的脚本做同样的事情，因为这意味着 WordPress 可以优雅地为你处理依赖关系。另请注意，WordPress 捆绑的 jQuery 已在noConflict()模式下加载以防止插件冲突。

如果您将 jQuery 指定为脚本的依赖项之一，那么 WordPress 会将其添加到任何添加依赖于它的脚本的页面中 - 但前提是它尚未加载（它不会再次添加它）。

更新：根据@brasofilo 评论，get_stylesheet_directory()如果子项中不存在任何匹配项，该函数会搜索子项，然后搜索父项。get_stylesheet_directory()在父母和儿童主题情况下都可以安全使用。

取自 WP codex 并修改：http ://codex.wordpress.org/Function_Reference/wp_enqueue_script

/**
 * Proper way to enqueue scripts and styles
 */
function theme_name_scripts() {
    wp_enqueue_script( 'script-name', get_template_directory_uri() . '/assets/js/sample-common.js', array( 'jquery' ), '1.0.0', true );
}

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

这里值得注意的是，如果您的脚本位于子主题目录中，那么您应该将其换出get_template_directory_uri()并将其替换为get_stylesheet_directory_uri().

于 2013-10-03T14:03:03.660 回答