Javascript 如何为元素调用click()?
我正在使用lightgallery插件,Javascript 如何为元素调用click()?,javascript,jquery,click,Javascript,Jquery,Click,我正在使用lightgallery插件,单击事件定义为: $(document).on('click', 'a[rel^=lightbox], area[rel^=lightbox], a[data-lightbox], area[data-lightbox]', function(event) { self.start($(event.currentTarget)); event.preventDefault(); }); 但是,当我尝试这样称呼该事件时: $(".catal
单击事件定义为:
$(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');
。。。它似乎不起作用。我做错了什么?如何触发单击事件
示例嘿,我已经浏览了JSFIDLE并更新了它,请浏览一下
$(document).ready(function() {
$(".cars-container a[rel!='']").click(function() {
var rel = $(this).attr("rel");
$(".cars-container a[data-lightbox='" + rel + "']:first").trigger('click');
});
});
单击下面的JSFIDLE链接查看工作示例:-
您的fiddle代码无法运行
1) 按照Devendra的建议使用不同的选择器。
2) 或者将.catalog content
类添加到div
容器中:
<div class="cars-container catalog-content">
3) Devendra和我都不明白。要使用jQuery“模拟点击”,您是正确的,您可以使用以下方法:
真正的问题是您正在“单击”不存在的东西。没有。目录内容是一个[data lightbox='test'
元素。正如建议的那样,您可以将.catalog content
类添加到div
容器来解决这个问题;但是,请注意,也没有a[data lightbox='test']
元素
相反,在你的小提琴中,你定义了以下内容:
<a href="http://..." data-lightbox="350xi" id="test">
something
</a>
$(“.catalog content a[data lightbox='test']”)是动态生成的吗?
我想你在通话中不需要first()
!Dhaval Marthak,我只需要点击第一个链接!你对.catalog content类没有任何东西?为什么对这个不清楚的问题投了这么多票?@Buboon当点击.cars container a时你想做什么[rel!='']
?@Manwal启动一个galery,其中data lightbox=“relattribute”@Buboon从lightbox启动一个图库??这是什么意思?这是lightgallery插件,我的意思是我需要单击
<a href="http://..." data-lightbox="350xi" id="test">
something
</a>
$("a[data-lightbox='350xi']").first().trigger("click");