Question

我有这个简短的javascript我想添加到客户端的wordpress。我对wordpress如何操作或在何处添加我的代码并不十分了解。我在线阅读了一些文章，但对如何解决这个问题感到有些困惑。我添加了我读到的内容，需要注册脚本并告诉wordpress使用Jquery但我一直收到错误。在它注册之前它需要jquery。当我添加wptuts_script时，它现在不会重新认识。我把这段代码放在了错误的地方吗？这里是js文件的文件路径html/wp-content/themes/metis/js基本上我想添加这个js（使用jquery）：

document.ready(function() {

    function wptuts_scripts_with_jquery()
    {

        // or
        // Register the script like this for a theme:
        wp_register_script( 'custom-script', get_template_directory_uri() . '/js/test.js', array( 'jquery' ));

        // For either a plugin or a theme, you can then enqueue the script:
        wp_enqueue_script( 'custom-script' );
    }
    add_action( 'wp_enqueue_scripts', 'wptuts_scripts_with_jquery' );

    function updatebtm() {
        var pos = $(window).scrollTop();
        console.log(pos);
        if (pos >= 800) {
            $('.portfolio-top').css('display', 'none');

        } else {

            $('.portfolio-top').css('display', 'block');
        }

    } $(window).bind('scroll', updatebtm);

});

Answer 1

问题是你完全混合了PHP和JavaScript。你应该做两件事：

向主题添加自定义JavaScript文件
在插件中注册/排队.js文件或 functions.php

您的JavaScript也存在一些语法错误。

以下是您的文件可能的示例：

<强> JavaScript的：

(function($) {

    $(document).ready(function() {

        function updatebtm() {
            var pos = $(window).scrollTop();
            console.log(pos);
            if (pos >= 800) {
                $('.portfolio-top').css('display', 'none');

            } else {

                $('.portfolio-top').css('display', 'block');
            }

        } 
        $(window).bind('scroll', updatebtm);

    });

})(jQuery);

PHP （在 functions.php 中）：

function wptuts_scripts_with_jquery() {
    wp_enqueue_script( 'custom-script', get_template_directory_uri() . '/js/test.js', array( 'jquery' ));
}
add_action( 'wp_enqueue_scripts', 'wptuts_scripts_with_jquery' );

Answer 2

有一种非常简单的方法，可以使用名为“代码嵌入”的插件添加JS。

一旦安装了插件，就开始一个新的帖子或页面。
在“自定义字段”元框中，输入名称CODE1和您的嵌入代码作为值。保存这个。
在您的帖子中添加{{CODE1}}，您希望在其中显示嵌入代码。

使用关注链接，请参阅使用此插件的分步指南。 Guide

将自定义J添加到Wordpress主题

2 个答案: