使Nivo LightBox专用于页面上的单个视频

Question

我目前正在使用Nivo LightBox脚本对我网站上的视频产生弹出效果。 http://demo.dev7studios.com/nivo-lightbox/。 我是jQuery的完全新手，我无法仅在按下我的视频链接时触发该灯箱。灯箱提出的建议是让它适用于每个环节。 我尝试在我的视频中使用带有相应ID的#video标签，但它只是让我的页面完全空白...

以下是要在标题中发布的代码：

<script>
$(document).ready(function(){
$('a').nivoLightbox();
});
</script>

这是我想要弹出的链接：

<a class="button no-border" href="#" target="_blank">Watch now</a>

如果有人可以帮助我，我会非常感激:)。并在此过程中学习一两件事。

非常感谢！

干杯

Answer 1

迟到了答案......

读取的行

$('a').nivoLightbox();

是您选择发送到nivoLightbox插件的内容。 在这里，您说＆＃34;将插件应用于文档中的每个标记（链接）。

您要做的是为您的特定链接提供一些不同的功能，例如ID或类。

你可以添加class =＆＃34; nivo-link＆＃34;到您的链接，然后将上面的行更改为

$('a.nivo-link').nivoLightBox();

这只会将它应用于与该类相关的链接，而不是文档中的其他所有内容。