Question

我想将我的JQuery脚本添加到单个Wordpress页面中，但我不知道如何。脚本示例我想注入：

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

        return false;
    });
</script>

当以纯HTML格式注入时，此代码可以正常工作，但如何为Wordpress执行相同操作？

Answer 1

就个人而言，我认为将JavaScript添加到特定页面/帖子的最佳方式是使用ShortCode

添加：

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]即可。

Answer 2

只需在wordpress中编辑页面，选择文本视图（不是格式化文本）并将脚本粘贴到任何您喜欢的位置。

Answer 3

你有几个选项，你在上面创建的功能会将它添加到所有页面（你正在注册脚本但实际上没有调用它，这就是为什么它不起作用。请参阅下面的更正）。

如果您愿意，可以将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而不是简写版本$。如果你谷歌它，有一些替代方法可以使用速记。

如何将我的JQuery脚本添加到单个wordpress页面？

3 个答案: