如何触发点击一个链接使用jQuery

我有一个链接:

<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');
});

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

$(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");

您应该会在控制台中看到该消息。

因为这个问题在谷歌中排名第一，因为“触发对< >元素的点击”，并且没有答案提到你是如何做到这一点的，所以你可以这样做:

$('#titleee a')[0].click();

解释:你触发了对底层html元素的点击，而不是jquery对象。

欢迎你的谷歌人:)

抱歉，事件处理程序确实不需要。您所需要的是标签中的另一个元素。

<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!!!

我们可以用很多方法来做……

案例- 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/

如果您试图触发锚上的事件，那么您拥有的代码将可以工作。

$(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();
});

推荐文章