我的代码不能在WordPress中执行,即使我被告知代码没有问题

时间:2021-09-16 作者:Spencer Halstead

我已经与一个问题斗争了好几个月,当我将代码排入队列时,我的代码将不会执行或显示结果。有人告诉我,我的代码很好,应该可以工作。时钟显示出来了,所以css和html是正确的,但没有做任何事情。这是:

<?php

function childtheme_parent_styles() {
 wp_enqueue_style( \'parent\', get_template_directory_uri().\'css/style.css\' );
function mytheme_files() {
 wp_enqueue_style(\'mytheme_main_style\', get_stylesheet_uri());
wp_register_script(\'main-js\', get_stylesheet_directory_url() . \'/js/main.js\');
}

add_action( \'wp_enqueue_scripts\', \'childtheme_parent_styles\');

wp_register_script(\'main-js\',get_stylesheet_directory_url().\'/js/main.js\');

}

add_action( \'wp_enqueue_scripts\', \'pr_scripts_styles\' );
}

function pr_scripts_styles() {
if( is_page(507) ) {
wp_enqueue_script( \'main-js\');      


}
js代码位于名为js的文件夹和名为main的文件中。js公司

setInterval(() => {
    d = new Date(); //object of date()
    hr = d.getHours();
    min = d.getMinutes();
    sec = d.getSeconds();
    hr_rotation = 30 * hr + min / 2; //converting current time
    min_rotation = 6 * min;
    sec_rotation = 6 * sec;
  
    hour.style.transform = `rotate(${hr_rotation}deg)`;
    minute.style.transform = `rotate(${min_rotation}deg)`;
    second.style.transform = `rotate(${sec_rotation}deg)`;
}, 1000);
<?php

function childtheme_parent_styles() {
    wp_enqueue_style( \'parent\', get_template_directory_urI().\'/css/style.css\' );
    function mytheme_files() {
        wp_enqueue_style(\'mytheme_main_style\', get_stylesheet_uri());
        wp_register_script(\'main-js\', get_stylesheet_directory_uri() . \'/js/main.js\');
    }

    add_action( \'wp_enqueue_scripts\', \'childtheme_parent_styles\');

    wp_register_script(\'main-js\',get_stylesheet_directory_uri(). \'/js/main.js\');

}

add_action( \'wp_enqueue_scripts\', \'pr_scripts_styles\' );
}

function pr_scripts_styles() {
    if( is_page(507) ) {
        wp_enqueue_script( \'main-js\');
    }
将检查开发工具。

1 个回复
SO网友:Pixelsmith

我在您的代码中看到两个错误。首先是你写的get_stylesheet_directory_url() 而不是get_stylesheet_directory_uri(). 切换L 对于I 这可能会解决它。

其次,对于JS文件,在文件夹前添加斜杠,而对于CSS文件,则不添加斜杠。修复URL/I问题后,可能仍需要删除/

Update我已经检查并更新了您的排队方式。有很多问题,但我已经解决了,这将加载您的样式和脚本:

function childtheme_parent_styles() {
    wp_enqueue_style(\'parent\', get_template_directory_uri().\'/css/style.css\' );
    wp_enqueue_style(\'mytheme_main_style\', get_stylesheet_uri());
    wp_register_script(\'main-js\', get_stylesheet_directory_uri() . \'/js/main.js\');
    if( is_page(507) ) {
        wp_enqueue_script( \'main-js\');
    }
}

add_action( \'wp_enqueue_scripts\', \'childtheme_parent_styles\');
祝你好运!

相关推荐

如何更新WooCommerce购物车图标以显示添加了JavaScript的新产品

我创建了一些自定义链接,使用;href";属性,我的代码如下所示。<a class="line1" id="btn2" href="?add-to-cart=5207">Example</a> 但我不喜欢这样一个事实,每次我添加一个产品,它都会刷新整个页面,所以我开始寻找一种不同的方法,我找到了一种使用jQuery代码的方法,它会添加产品,但由于页面没有重新加载,购物车图标在我手动重新加载页面之前不会更新