javascript - 如何为元素调用 click()？

Question

我正在使用 lightgallery 插件，其中 click 事件定义为:

$(document).on('click', 'a[rel^=lightbox], area[rel^=lightbox], a[data-lightbox], area[data-lightbox]', function(event) {
    self.start($(event.currentTarget));
    event.preventDefault();
});

但是，当我尝试这样调用事件时:

$(".catalog-content a[data-lightbox='test']").first().trigger('click');

……好像不行。我究竟做错了什么？如何触发 click 事件？

示例 jsFiddle

Answer 1

要使用 jQuery“模拟点击”，您是正确的，因为您可以只使用 .trigger(...)方法:

$(".myClass").trigger("click");

真正的问题是您正在“点击”不存在的东西。 没有 ".catalog-content a[data-lightbox ='test' 元素。如 Velthune 所建议，您可以将 .catalog-content 类添加到 div 容器中以解决此问题；但是，请注意也没有 a[data-lightbox='test'] 元素。

相反，您在 Fiddle 中定义了以下内容:

<a href="http://..." data-lightbox="350xi" id="test">
    something
</a>

所以您实际上只想点击第一个 a 元素，其 data-lightbox 属性为“350xi”:

$("a[data-lightbox='350xi']").first().trigger("click");