How I can add my JQuery script into single wordpre

我想补充我的jQuery脚本到单个的WordPress页面，但我不知道怎么办。脚本的例子我想注入：

<script type="text/javascript">
    $(document).ready(function() {
        $("html, body").animate({ scrollTop: $(window).height() }, 600);

        return false;
    });
</script>

在纯HTML注入时，此代码工作正常，但我怎么可以做同样的WordPress的？

Answer 1:

你有两个选择，你在上面创建将其添加到网页中的所有功能（你注册脚本但不实际调用它，这就是为什么它不工作。见下文校正）。

如果你愿意，你可以简单地将下面的wp_enqueue_script（）函数模板（不添加行为和自定义（）函数

或者直接把它写到模板文件（许多关于这是否是可以接受的编码实践论证，但它的工作原理）

或require_once / include_once正确顺序的文件（你正在使用的document.ready这样你就可以做到这一点下面的标题的任何地方（如果你已经在头已经装jQuery的，如果在页脚，必须在页脚下同）规则申请直接写入到文件中。

 function custom() { 

 wp_enqueue_script('jquery'); 
 wp_enqueue_script('add-custom-js' , get_template_directory_uri() . '/js/custom.js' , array('jquery'),'',true ); 
 } 
 add_action('wp_enqueue_scripts' . 'custom' );

还WP使用非冲突jQuery的，所以你需要使用jQuery，而不是速记VERS $的。有使用简写如果你google一下几个备选方式。

Answer 2:

我个人觉得添加一个JavaScript到特定网页的最佳方式/后是使用简码

补充一点：

function add_my_script() {
    return "<script>
                 //your jQuery here
            </script>";
}  
 add_shortcode( 'myCustomShortCode', 'add_my_script' );

您function.php文件。你function.php文件是在位置/wp-content/themes/<name of theme>/

注：使用' ，而不是"你的<script>继续内部return声明。

现在，只需将简码[myCustomShortCode]在你的页面。