自定义模板中的featherlight.js

Question

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

featherlight.min.css -由@import url('css/featherlight.min.css');在style.css文件中加载。

featherlight.min.js -在</body>标记- <script src="<?php bloginfo('template_url') ?>/js/featherlight.min.js" type="text/javascript" charset="utf-8"></script>之前加载

图像示例：

<a href="<?php bloginfo('template_url'); ?> /img/ss/scrsht2-big.jpg" data-featherlight="image"><img src="<?php bloginfo('template_url'); ?> /img/scrsht2.jpg" /></a>

Answer 1

由于我不能发表评论，以下是我认为可以解释你的问题的各种要点。

1. 确保您已经按照以下方式(而不是忘记了jQuery)对脚本进行排队：
2. 检查与Wordpress版本捆绑在一起的jQuery版本是否适合您的插件。
3. 捆绑的jQuery在无冲突模式中运行。确保在这种模式下可以理解初始化插件的脚本(如果有)--基本上使用jQuery而不是$ (这里的细节)。
4. 如果您使用的是子主题，请小心，bloginfo('template_url')作为get_template_directory_uri();返回到父主题的链接。在本例中，使用get_stylesheet_directory_uri()代替。