jQuery Lightbox插件影响所有<a> tags</a>

Question

我添加了一个lightbox jQuery脚本，所有这些都是美妙的，直到我意识到这个脚本将灯箱脚本添加到我网站上的所有标签。如果我想要按钮，图像，标题，徽标等链接到文档中的HTML页面，这是一个很大的痛苦：（

是否可以在jQuery代码中更改某些内容，这样我只能将图像或ID添加到我想要应用于灯箱的图像中，而不是每个标记都包含我的导航？

或者是唯一一个添加完全不同灯箱的选项吗？

这是我目前正在处理的网站： http://www.isabelleroux.co.za/newsite/ jQuery代码可以在源代码中找到....

我可以在没有灯箱的情况下获得按钮链接的唯一方法是使用： onclick =“MM_goToURL（'parent'，'page.html'）; return document.MM_returnValue” 但这也有它的局限性，我宁愿不再使用它了......

我很绝望！ 谢谢:)）

Answer 1

确实，你在剧本中有这个：

$('#gallery a').lightBox();

它会为与选择器匹配的所有元素打开灯箱。也就是说，所有<a>个元素都在id="gallery"的某个元素中。

解决此问题的方法之一是仅提供 <a>元素，您希望将灯箱改为更具体的类名，如下所示：

<a class="lightbox">

然后您可以使用以下选择器：

$('#gallery a.lightbox').lightBox();

甚至是这样：

$('a.lightbox').lightBox();

另见：

• jQuery tutorial - Using selectors

Answer 2

根据您的html如何使用类进行注释，您可以让JQuery仅选择要应用插件的特定类。

$(".SomeClassYouWantToApplyJQueryTo").[SomeJQueryFunctionCall]

Answer 3

$(function() {
        $('#gallery a:has(img)').lightBox();
});

可以解决问题。它确保a包含图像。但我会考虑使用课程来避免进一步的问题。