我有一个链接:
<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('click');
编辑:
我实际上需要触发这里所谓的<a href="#inline" rel="prettyPhoto">
如果你试图在锚点上触发一个事件,那么你所拥有的代码将会工作,我在jsfiddle中重新添加了一个带有添加的eventHandler的示例,这样你就可以看到它的工作原理:
$(document).on("click", "a", function(){
$(this).text("It works!");
});
$(document).ready(function(){
$("a").trigger("click");
});
您是否尝试通过单击锚点导致用户导航到网页上的某个点,或者您是否尝试触发绑定到它的事件?也许您实际上没有将click事件成功绑定到事件中?
这个:
$('#titleee').find('a').trigger('click');
相当于:
$('#titleee a').trigger('click');
无需致电查找。 :)
由于这个问题在Google中因“触发点击<a>
元素”排名第一,并且没有回答实际上提到你是如何做到的,所以你就是这样做的:
$('#titleee a')[0].click();
说明:在底层html元素上触发click
,而不是jQuery-object。
你是受欢迎的googlers :)
对不起,但实际上并不需要事件处理程序。您需要的是标签中要点击的另一个元素。
<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似乎没有识别裸文本,但它是通过vanilla javascript:
document.getElementById('test1').click(); // Works!
或者通过将jQuery对象作为数组访问
$('#test1')[0].click(); // Works too!!!
使用您提供的代码,您不能指望发生任何事情。我第二个@mashappslabs:首先添加一个事件处理程序:
$("selector").click(function() {
console.log("element was clicked"); // or alert("click");
});
然后触发你的活动:
$("selector").click(); //or
$("selector").trigger("click");
你应该在控制台中看到这条消息。
如果您尝试在锚点上触发事件,那么您拥有的代码将起作用。
$(document).ready(function() {
$('a#titleee').trigger('click');
});
要么
$(document).ready(function() {
$('#titleee li a[href="#inline"]').click();
});
要么
$(document).ready(function() {
$('ul#titleee li a[href="#inline"]').click();
});
那么你必须首先设置click事件然后你可以触发它,看看会发生什么:
//good habits first let's cache our selector
var $myLink = $('#titleee').find('a');
$myLink.click(function (evt) {
evt.preventDefault();
alert($(this).attr('href'));
});
// now the manual trigger
$myLink.trigger('click');
这是演示如何触发事件的演示
<!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>
对于链接,这应该工作:
eval($(selector).attr('href'));
这并没有完全回答你的问题,但会让你得到同样的结果,减少头痛。
我总是让我的点击事件调用方法包含我想要执行的所有逻辑。因此,如果我想在没有实际点击的情况下执行操作,我可以直接调用该方法。
您应该调用元素的本机.click()方法或使用createEvent API。
欲了解更多信息,请访问:https://learn.jquery.com/events/triggering-event-handlers/