javascript - 无法将脚本放入子主题中

Question

我正在尝试从子主题中的 javascript 文件注册脚本并将其排入队列。该脚本似乎注册得很好，返回 true，但是当脚本排队时什么也没有发生。我的注册或排队方式有问题吗？

在functions.php中，我检查用户的 Angular 色，如果该用户具有“ad_greensboro” Angular 色，则从custom_functions.js注册脚本并将其排入队列。

function tutor_portal_scripts() {
    $user = wp_get_current_user();
    if (in_array( 'ad_greensboro', (array) $user->roles ) ) {
        debug_to_console("User is AD Greensboro");
        wp_register_script('set_rollup_links_greensboro', get_stylesheet_directory_uri() . '/js/custom_functions.js', array(jquery), '', true);
        wp_enqueue_script('set_rollup_links_greensboro');
    } 
}
add_action( 'wp_enqueue_scripts', 'tutor_portal_scripts' );

下面是我的自定义 JS 文件的全部内容。其目的是更改特定页面上三个链接的 href 属性。

function set_rollup_links_greensboro() {
	console.log("Set rollup links for Greensboro AD");
	
	var at_link = document.getElementById('at-view-link');
	var bas_link = document.getElementById('bas-view-link');
	var tutor_link = document.getElementById('tutors-view-link');

 	at_link.setAttribute('href', 'https://devts.techstartutors.com/appointment-tracker-form-view-greensboro-nc/');
 	bas_link.setAttribute('href', 'https://devts.techstartutors.com/book-a-service-form-view-greensboro-nc/');
 	tutor_link.setAttribute('href', 'https://devts.techstartutors.com/');
}

提前致谢。

Answer 1

在您的 javascript 文件中，您应该调用该函数。因此，将以下代码添加到 javascript 文件的末尾:

set_rollup_links_greensboro();