Question

我正在尝试使用thickbox在页面上显示视频。按照网站上的说明操作，但是当我点击链接时，它会将我带到youtube页面，这不是我想要的。

我在标题中调用了jquery和thickbox，以及厚盒子的css：

<script src="<?php bloginfo('template_url'); ?>/javascripts/thickbox.js"></script>
<script src="<?php bloginfo('template_url'); ?>/javascripts/jquery.js"></script>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/stylesheets/thickbox.css">

以下是正文中的代码：

<strong>
<a class="thickbox" href="//www.youtube.com/embed/########?rel=0?KeepThis=true&TB_iframe=true&height=400&width=600"  title="##### Hanson">
    <img src="http://www.#########.org/campaign/wp-content/uploads/sites/59/2013/09/#####.jpg"/>
</a> ##### Hanson*<br>(1960 B.S.M.E.)
</strong>

为了保护隐私，我在上面的代码中删除了一些信息。关于什么可能出错的任何建议？

编辑：应该提一下我在word press

中使用它

Answer 1

您需要加载ThickBox <script /> AFTER jQuery文件...就像下面的代码一样。

编辑：另外，将我使用的jQuery脚本替换为我在我的示例中使用的CDN jQuery版本。然后清除浏览器cache（在使用WP时很重要）。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="<?php bloginfo('template_url'); ?>/javascripts/thickbox.js"></script>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/stylesheets/thickbox.css">

根据经验 ，您的jQuery <script />应该始终是列出的第一个js文件。它需要先在其他js脚本之前加载（假设其余脚本需要jQuery）。否则他们将不会被启动。

如何使用Thickbox显示视频？

1 个答案: