如何在WordPress中排队JS链接？

Question

我想在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文件。

那么如何正确排列这些实时链接？

Answer 1

我之前在Wordpess.Stackexchange

回答了类似的问题

非常简单。

首先，你必须在你的主题funcition.php文件中添加一个函数，使用wp_enqueue_scripts hook来注册和排队你的脚本。

// 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' );

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