如何在WordPress中排队JS链接

How to Enqueue JS Links in WordPress?

本文关键字：排队 JS 链接 WordPress      更新时间：2023-09-26

我想在WP中登记这些链接。

http://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.11.1/jquery.validate.min.js

http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.min.js

正如你所看到的，它们是实时链接，不在我的WP服务器中。我知道如何正确地将驻留在我自己的服务器中的JS文件排入队列。

那么，如何正确地将这些实时链接排队呢？

我以前在Wordpess.Stackeexchange 上也回答过类似的问题

很简单。

首先，您必须在主题function.php文件中添加一个函数，以便使用wp_enque_scripts钩子在head中注册和排队脚本。

// Register and enqueue all scripts in head
function custom_scripts() {
    wp_register_script( 'script_to_validate', 'http://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.11.1/jquery.validate.min.js', false, false, false );
    wp_enqueue_script( 'script_to_validate' );
    wp_register_script( 'script_modernizr', 'http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.min.js', false, false, false );
    wp_enqueue_script( 'script_modernizr' );
}
// Hook into the 'wp_enqueue_scripts' action
add_action( 'wp_enqueue_scripts', 'custom_scripts' );

然后，您可以调用您的函数，使用wp_footer钩子在页脚中启动脚本，如下所示；

// Add this in function.php as well
function call_script_in_footer(){
?>
<script>
// Add your related script over here
</script>
<?php
}
add_action( 'wp_footer', 'call_script_in_footer' );

就是这样。现在你可以在任何你想要的模板中使用它。

相关文章：