我有一个链接:
<ul id="titleee" class="gallery">
<li>
<a href="#inline" rel="prettyPhoto">Talent</a>
</li>
</ul>
我试图通过使用:
$(document).ready(function() {
$('#titleee').find('a').trigger('click');
});
但这并不奏效。
我也试过:$('#titleee a').trigger('点击');
编辑:
我实际上需要触发这里调用的任何东西<a href="#inline" rel=" pretyto ">
当前回答
如果您试图触发锚上的事件，那么您拥有的代码将可以工作。
$(document).ready(function() {
$('a#titleee').trigger('click');
});
OR
$(document).ready(function() {
$('#titleee li a[href="#inline"]').click();
});
OR
$(document).ready(function() {
$('ul#titleee li a[href="#inline"]').click();
});
其他回答
使用您提供的代码，您不能期望发生任何事情。我第二@mashappslab:首先添加一个事件处理程序:
$("selector").click(function() {
console.log("element was clicked"); // or alert("click");
});
然后触发事件:
$("selector").click(); //or
$("selector").trigger("click");
您应该会在控制台中看到该消息。
抱歉，事件处理程序确实不需要。您所需要的是标签中的另一个元素。
<a id="test1" href="javascript:alert('test1')">TEST1</a>
<a id="test2" href="javascript:alert('test2')"><span>TEST2</span></a>
Jquery:
$('#test1').trigger('click'); // Nothing
$('#test2').find('span').trigger('click'); // Works
$('#test2 span').trigger('click'); // Also Works
这一切都是关于你点击什么，它不是标签，而是它里面的东西。不幸的是，裸文本似乎不被JQuery识别，但它是由香草javascript:
document.getElementById('test1').click(); // Works!
或者通过将jQuery对象作为数组访问
$('#test1')[0].click(); // Works too!!!
因为这个问题在谷歌中排名第一，因为“触发对< >元素的点击”，并且没有答案提到你是如何做到这一点的，所以你可以这样做:
$('#titleee a')[0].click();
解释:你触发了对底层html元素的点击，而不是jquery对象。
欢迎你的谷歌人:)
这是如何触发事件的演示
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("input").select(function(){
$("input").after(" Text marked!");
});
$("button").click(function(){
$("input").trigger("select");
});
});
</script>
</head>
<body>
<input type="text" value="Hello World"><br><br>
<button>Trigger the select event for the input field</button>
</body>
</html>
如果您试图触发锚上的事件，那么您拥有的代码将可以工作。
$(document).ready(function() {
$('a#titleee').trigger('click');
});
OR
$(document).ready(function() {
$('#titleee li a[href="#inline"]').click();
});
OR
$(document).ready(function() {
$('ul#titleee li a[href="#inline"]').click();
});
