如何在WordPress中加入JS链接?

2g32fytz  于 2022-10-04  发布在  WordPress
关注(0)|答案(1)|浏览(170)

我想入队这些链接在可湿性粉剂。

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

正如你所看到的,它们是实时链接,不在我的可湿性粉剂服务器中。我知道如何正确地将驻留在我自己的服务器中的JS文件入队。

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

pgvzfuti

pgvzfuti1#

我以前在Wordpess.Stackexchange回答过类似的问题

这很简单。

首先,您必须在主题funcition.php文件中添加一个函数,以便使用wp_enqueue_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' );

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

相关问题