我有一个链接:
<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 ">
当前回答
这是如何触发事件的演示
<!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>
其他回答
这并不能完全回答你的问题，但会让你得到同样的结果，而且不那么头疼。
我总是有我的click事件调用方法，其中包含我想要执行的所有逻辑。这样我就可以直接调用这个方法如果我想执行操作而不需要实际点击。
我们可以用很多方法来做……
案例- 1
我们可以这样使用触发器:$("#myID").trigger("click");
案例- 2
我们可以这样使用click()函数:$("#myID").click();
案例- 3
如果我们想以编程方式编写函数，请单击然后..
$("#myID").click(function() {
console.log("Clicked");
// Do here whatever you want
});
案例- 4
// Triggering a native browser event using the simulate plugin
$("#myID").simulate( "click" );
你也可以参考这个:https://learn.jquery.com/events/triggering-event-handlers/
如果你试图在锚上触发一个事件，那么你所拥有的代码将工作，我在jsfiddle中重新创建了一个添加的eventHandler，这样你就可以看到它的工作:
$(document).on("click", "a", function(){
$(this).text("It works!");
});
$(document).ready(function(){
$("a").trigger("click");
});
您是试图通过单击锚点来引导用户导航到网页上的某个点，还是试图触发绑定到它的事件?也许您实际上没有成功地将单击事件绑定到事件?
也:
$('#titleee').find('a').trigger('click');
等价于这个:
$('#titleee a').trigger('click');
不需要调用find。：）
因为这个问题在谷歌中排名第一，因为“触发对< >元素的点击”，并且没有答案提到你是如何做到这一点的，所以你可以这样做:
$('#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>