Javascript Wordpress自定义模板中的featherlight.js

我在wordpress中制作了一个自定义模板，除了featherlight.js，它在网站的非wordpress版本中工作，但在wordpress模板中不工作。所有文件都已从服务器成功加载。现在，图像在一个新窗口中打开，而不是在灯箱中打开

featherlight.min.css-由导入url（'css/featherlight.min.css'）加载

---

featherlight.min.js-在

标记之前加载-

，因为我无法发表评论，下面是我认为可以解释您的问题的各种观点

确保已按以下方式将脚本排队（不要忘记jQuery）：



检查是否适合你的插件

绑定的jQuery在中运行。确保初始化插件的脚本（如果有）可以在这种模式下阅读理解–基本上使用
jQuery
，而不是
$
（）

如果您使用的是子主题，请注意，
bloginfo（'template\u url'）
，如
get\u template\u directory\u uri（），返回指向父主题的链接。在这种情况下，请改用

您是否通过以下“正确方式”将脚本“排队”？某个地方可能存在javascript冲突。您使用的是哪个版本的jQuery？只是将其与jQuery 1.11.1一起更改为enqueue加载。现在控制台显示：“uncaughtreferenceerror:jQuery未定义”，尽管jQuery文件已正确加载。
<a href="<?php bloginfo('template_url'); ?> /img/ss/scrsht2-big.jpg" data-featherlight="image"><img src="<?php bloginfo('template_url'); ?> /img/scrsht2.jpg" /></a>

<?php

function enqueue_my_scripts() {
    wp_enqueue_script('jquery'); //include jQuery version bundled with Wordpress in your page 
    wp_enqueue_style( 'featherlight', get_template_directory_uri() . '/css/featherlight.min.css' );
    wp_enqueue_script('featherlight', get_template_directory_uri() . '/js/featherlight.min.js', array( 'jquery' ) );

}
add_action( 'wp_enqueue_scripts', 'enqueue_my_scripts' );

?>