blocks|key|274051|text|这并不能准确地回答你的问题，但会让你得到同样的结果，但不会那么头疼。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|274052|我总是让我的click事件调用包含我想要执行的所有逻辑的方法。因此，如果我想在没有实际单击的情况下执行操作，则可以直接调用该方法。|274053|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

This doesn't exactly answer your question, but will get you the same result with less headache. 

I always have my click events call methods that contain all the logic I would like to execute. So that I can just call the method directly if I want to perform the action without an actual click.

blocks|key|270662|text|如果你试图在锚点上触发一个事件，那么你的代码就可以工作了。我用jsfiddle重新创建了你的例子，并添加了一个eventHandler，这样你就可以看到它是工作的：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|270663|$(document).on("click",+"a",+function(){
++++$(this).text("It+works!");
});

$(document).ready(function(){
++++$("a").trigger("click");
});|code-block|syntax|javascript|270664|您是试图让用户通过单击锚点导航到网页上的某个点，还是试图触发绑定到锚点的事件？也许你还没有成功的将点击事件绑定到事件上？|270665|还有这一点：|270666|$('#titleee').find('a').trigger('click');|270667|等同于这个：|270668|$('#titleee+a').trigger('click');|270669|不需要调用find。:)|270670|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/kitsunde/3Zkpm/^0|V|8|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@$A|13|B|14|1|15]]|C|$]]|$1|D|3|E|5|F|7|16|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|17|8|@]|9|@]|C|$]]|$1|K|3|L|5|6|7|18|8|@]|9|@]|C|$]]|$1|M|3|N|5|F|7|19|8|@]|9|@]|C|$G|H]]|$1|O|3|P|5|6|7|1A|8|@]|9|@]|C|$]]|$1|Q|3|R|5|F|7|1B|8|@]|9|@]|C|$G|H]]|$1|S|3|T|5|6|7|1C|8|@]|9|@]|C|$]]|$1|U|3|-4|5|6|7|1D|8|@]|9|@]|C|$]]]|V|$W|$5|X|Y|Z|C|$10|11]]]]

If you are trying to trigger an event on the anchor, then the code you have will work I recreated your example in <a href="http://jsfiddle.net/kitsunde/3Zkpm/" rel="noreferrer">jsfiddle</a> with an added eventHandler so you can see that it works:

<pre><code>$(document).on("click", "a", function(){
 $(this).text("It works!");
});

$(document).ready(function(){
 $("a").trigger("click");
});
</code></pre>

Are you trying to cause the user to navigate to a certain point on the webpage by clicking the anchor, or are you trying to trigger events bound to it? Maybe you haven't actually bound the click event successfully to the event?

Also this:

<pre><code>$('#titleee').find('a').trigger('click');
</code></pre>

is the equivalent of this:

<pre><code>$('#titleee a').trigger('click');
</code></pre>

No need to call find. :)

blocks|key|2970364|text|你必须首先设置点击事件，然后你才能触发它，看看会发生什么：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2970365|//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');|code-block|syntax|javascript|2970366|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Well you have to setup the click event first then you can trigger it and see what happens:

<pre><code>//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');
</code></pre>

blocks|key|2970401|text|使用您提供的代码，您不能期望发生任何事情。I+@mashappslabs+:首先添加一个事件处理程序：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2970402|$("selector").click(function()+{
++++console.log("element+was+clicked");+//+or+alert("click");
});|code-block|syntax|javascript|2970403|然后触发你的事件：|2970404|$("selector").click();+//or
$("selector").trigger("click");|2970405|您应该会在控制台中看到这条消息。|2970406|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

With the code you provided, you cannot expect anything to happen. I second @mashappslabs : first add an event handler :

<pre><code>$("selector").click(function() {
 console.log("element was clicked"); // or alert("click");
});
</code></pre>

then trigger your event :

<pre><code>$("selector").click(); //or
$("selector").trigger("click");
</code></pre>

and you should see the message in your console.

blocks|key|2970423|text|很抱歉，确实不需要事件处理程序。您需要的是标记中的另一个元素以供单击。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2970424|<a+id="test1"+href="javascript:alert('test1')">TEST1</a>
<a+id="test2"+href="javascript:alert('test2')">TEST2</a>|code-block|syntax|javascript|2970425|Jquery：|2970426|$('#test1').trigger('click');+//+Nothing
$('#test2').find('span').trigger('click');+//+Works
$('#test2+span').trigger('click');+//+Also+Works|2970427|这一切都是关于你正在点击的东西，它不是标签，而是它里面的东西。不幸的是，纯文本似乎不能被JQuery识别，但它是由普通的javascript识别的：|2970428|document.getElementById('test1').click();+//+Works!|2970429|或者以数组的形式访问jQuery对象|2970430|$('#test1')[0].click();+//+Works+too!!!|2970431|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|Y|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|10|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

Sorry, but the event handler is really not needed. What you do need is another element within the tag to click on.

<pre><code>&lt;a id="test1" href="javascript:alert('test1')"&gt;TEST1&lt;/a&gt;
&lt;a id="test2" href="javascript:alert('test2')"&gt;&lt;span&gt;TEST2&lt;/span&gt;&lt;/a&gt;
</code></pre>

Jquery:

<pre><code>$('#test1').trigger('click'); // Nothing
$('#test2').find('span').trigger('click'); // Works
$('#test2 span').trigger('click'); // Also Works
</code></pre>

This is all about what you are clicking and it is not the tag but the thing within it. Unfortunately, bare text does not seem to be recognised by JQuery, but it is by vanilla javascript:

<pre><code>document.getElementById('test1').click(); // Works!
</code></pre>

Or by accessing the jQuery object as an array

<pre><code>$('#test1')[0].click(); // Works too!!!
</code></pre>

blocks|key|2970441|text|这是如何触发事件的演示|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2970442|<!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"> 

++++<button>Trigger+the+select+event+for+the+input+field</button>

++++</body>
++++</html>|code-block|syntax|javascript|2970443|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This is the demo how to trigger event

<pre><code>&lt;!DOCTYPE html&gt;
 &lt;html&gt;
 &lt;head&gt;
 &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;
 &lt;script&gt;
 $(document).ready(function(){
 $("input").select(function(){
 $("input").after(" Text marked!");
 });
 $("button").click(function(){
 $("input").trigger("select");
 });
 });
 &lt;/script&gt;
 &lt;/head&gt;
 &lt;body&gt;

 &lt;input type="text" value="Hello World"&gt;&lt;br&gt;&lt;br&gt;

 &lt;button&gt;Trigger the select event for the input field&lt;/button&gt;

 &lt;/body&gt;
 &lt;/html&gt;
</code></pre>

blocks|key|2970447|text|您应该调用元素的本机.click()方法或使用createEvent应用编程接口。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2970448|如需更多信息，请访问：https://learn.jquery.com/events/triggering-event-handlers/。|2970449|entityMap|0|LINK|mutability|MUTABLE|url|https://learn.jquery.com/events/triggering-event-handlers/^0|A|8|N|B|0|B|1M|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]|$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@]|D|@$9|V|A|W|1|X]]|E|$]]|$1|H|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]]]

You should call the element's native <code>.click()</code> method or use the <code>createEvent</code> API.

For more info, please visit: <a href="https://learn.jquery.com/events/triggering-event-handlers/" rel="nofollow noreferrer">https://learn.jquery.com/events/triggering-event-handlers/</a>

blocks|key|272254|text|如果您正在尝试触发锚点上的事件，那么您拥有的代码将会正常工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|272255|$(document).ready(function()+{
++$('a#titleee').trigger('click');
});|code-block|syntax|javascript|272256|或|272257|$(document).ready(function()+{
++$('#titleee+li+a[href="#inline"]').click();
});|272258|272259|$(document).ready(function()+{
++$('ul#titleee+li+a[href="#inline"]').click();
});|272260|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Q|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|R|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|K|3|H|5|6|7|T|8|@]|9|@]|A|$]]|$1|L|3|M|5|D|7|U|8|@]|9|@]|A|$E|F]]|$1|N|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|O|$]]

If you are trying to trigger an event on the anchor, then the code you have will work.

<pre><code>$(document).ready(function() {
 $('a#titleee').trigger('click');
});
</code></pre>

OR

<pre><code>$(document).ready(function() {
 $('#titleee li a[href="#inline"]').click();
});
</code></pre>

OR

<pre><code>$(document).ready(function() {
 $('ul#titleee li a[href="#inline"]').click();
});
</code></pre>

blocks|key|2970471|text|对于链接，这应该是可行的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2970472|eval($(selector).attr('href'));|code-block|syntax|javascript|2970473|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

For links this should work:

<pre class="lang-js prettyprint-override"><code>eval($(selector).attr('href'));
</code></pre>

blocks|key|2970485|text|由于这个问题在谷歌中排名第一，因为“触发点击<a>元素”，而且没有答案真正提到你是如何做到这一点的，下面是你如何做到的：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2970486|$('#titleee+a')[0].click();|code-block|syntax|javascript|2970487|说明:在底层的html-element上触发click，而不是在jQuery-object上触发。|2970488|欢迎googlers用户:)|2970489|entityMap^0|M|3|0|0|M|5|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|M|3|N|5|6|7|X|8|@]|D|@]|E|$]]|$1|O|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|P|$]]

Since this question is ranked #1 in Google for "triggering a click on an <code>&lt;a&gt;</code> element" and no answer actually mentions how you do that, this is how you do it:

<pre><code>$('#titleee a')[0].click();
</code></pre>

Explanation: you trigger a <code>click</code> on the underlying html-element, not the jQuery-object.

You're welcome googlers :)

blocks|key|268667|text|我们可以用很多方法来做到这一点...|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|268668|案例-+1|268669|我们可以像这样使用trigger：$("#myID").trigger("click");|CODE|268670|案例-+2|268671|我们可以像这样使用click()函数：$("#myID").click();|268672|案例-+3|268673|如果我们想在programmatically上编写函数，请单击then..|268674|$("#myID").click(function()+{
++console.log("Clicked");
//+Do+here+whatever+you+want
});|code-block|syntax|javascript|268675|案例-+4|268676|//+Triggering+a+native+browser+event+using+the+simulate+plugin
$("#myID").simulate(+"click"+);++|268677|你也可以参考这个：https://learn.jquery.com/events/triggering-event-handlers/|268678|entityMap|0|LINK|mutability|MUTABLE|url|https://learn.jquery.com/events/triggering-event-handlers/^0|0|I|0|0|5|0|9|7|H|S|9|7|H|S|0|0|5|0|9|7|J|J|9|7|J|J|0|0|5|0|6|G|0|0|0|5|0|0|9|1M|0|0^^$0|@$1|2|3|4|5|6|7|1B|8|@$9|1C|A|1D|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1E|8|@$9|1F|A|1G|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|1H|8|@$9|1I|A|1J|B|C]|$9|1K|A|1L|B|C]|$9|1M|A|1N|B|J]|$9|1O|A|1P|B|J]]|D|@]|E|$]]|$1|K|3|L|5|6|7|1Q|8|@$9|1R|A|1S|B|C]]|D|@]|E|$]]|$1|M|3|N|5|6|7|1T|8|@$9|1U|A|1V|B|C]|$9|1W|A|1X|B|C]|$9|1Y|A|1Z|B|J]|$9|20|A|21|B|J]]|D|@]|E|$]]|$1|O|3|P|5|6|7|22|8|@$9|23|A|24|B|C]]|D|@]|E|$]]|$1|Q|3|R|5|6|7|25|8|@$9|26|A|27|B|J]]|D|@]|E|$]]|$1|S|3|T|5|U|7|28|8|@]|D|@]|E|$V|W]]|$1|X|3|Y|5|6|7|29|8|@$9|2A|A|2B|B|C]]|D|@]|E|$]]|$1|Z|3|10|5|U|7|2C|8|@]|D|@]|E|$V|W]]|$1|11|3|12|5|6|7|2D|8|@]|D|@$9|2E|A|2F|1|2G]]|E|$]]|$1|13|3|-4|5|6|7|2H|8|@]|D|@]|E|$]]]|14|$15|$5|16|17|18|E|$19|1A]]]]

We can do it in many ways...
CASE - 1
We can use <code>trigger</code> like this : <code>$(&quot;#myID&quot;).trigger(&quot;click&quot;);</code>
CASE - 2
We can use <code>click()</code> function like this : <code>$(&quot;#myID&quot;).click();</code>
CASE - 3
If we want to write function on <code>programmatically</code> click then..
<pre><code>$(&quot;#myID&quot;).click(function() {
 console.log(&quot;Clicked&quot;);
// Do here whatever you want
});
</code></pre>
CASE - 4
<pre><code>// Triggering a native browser event using the simulate plugin
$(&quot;#myID&quot;).simulate( &quot;click&quot; ); 
</code></pre>
Also you can refer this : <a href="https://learn.jquery.com/events/triggering-event-handlers/" rel="nofollow noreferrer">https://learn.jquery.com/events/triggering-event-handlers/</a>

blocks|key|2970534|text|最短答案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2970535|$('#titlee+a').click();|code-block|syntax|javascript|2970536|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Shortest answer:
<pre><code>$('#titlee a').click();
</code></pre>

I have a link:

<pre><code>&lt;ul id="titleee" class="gallery"&gt;
 &lt;li&gt;
 &lt;a href="#inline" rel="prettyPhoto"&gt;Talent&lt;/a&gt;
 &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

and I am trying to trigger it by using:

<pre><code>$(document).ready(function() {
 $('#titleee').find('a').trigger('click');
});
</code></pre>

But it doesn't work.

I've also tried: <code>$('#titleee a').trigger('click');</code>

Edit:

I actually need to trigger whatever get's called here <code>&lt;a href="#inline" rel="prettyPhoto"&gt;</code>

How to trigger a click on a link using jQuery

jQuery

我有一个链接：<ul id="titleee" class="gallery"> <li> <a href="#inline" rel="prettyPhoto">Talent</a> </li></ul>我尝试通过使用以下命令来触发它：$(document).ready(function() { $('#...

问如何使用jQuery触发点击链接
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery触发点击链接EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery触发点击链接
EN