已加载Javascript但无法在Wordpress网站

Question

我有一个Wordpress网站，我正在使用弹出插件来播放视频（Jetpack VideoPress）。弹出窗口关闭后视频继续播放（如果设置为自动播放，它也会在打开弹出窗口之前在页面加载时播放）。所以我正在努力解决这个问题。我有来自插件作者的这个外部javascript，用于在关闭时销毁弹出窗口。 122是弹出窗口ID。

jQuery(document).on('spu.box_close',function(e,id) { 
  if( id == '122' ) {
    $('#spu-122').remove(); // this will destroy popup entirely
  }
});

我已将我的functions.php（子主题）中的脚本排入队列：

<?php
function jc_scripts_with_jquery() {
  wp_register_script( 'jc-script', get_stylesheet_directory() . '/js/jc-script.js', array( 'jquery' ) );
  wp_enqueue_script( 'jc-script' );
}
add_action( 'wp_enqueue_scripts', 'jc_scripts_with_jquery' );

但脚本无效。

有人可以帮忙吗？非常感谢提前！