Question

我正在尝试点击html网站上的href元素。问题是没有触发点击事件

CODE：

HTML CODE：

  <div class="button" id="info" ></div>
<ul id="game-options">

    <li><a href="#" id="SHOW_HELP" class="button help" title="Help">HELP</a></li>
</ul>

点击href元素的功能：

 $('#info').bind('click', function(e) {
            alert ("button click triggered");
    // This is what I tried so fat

     //$('#SHOW_HELP').trigger('click');
     //$('#SHOW_HELP').dispatchEvent(new Event('click'));
     $('#SHOW_HELP').click();
});

Answer 1

触发click事件，但您没有绑定点击处理程序，因此不会发生任何事情。如果要模拟单击链接，则需要使用dom click方法，即。 $('#SHOW_HELP')[0].click();

Answer 2

或者，您可以更新按钮的点击事件以更改JavaScript中的window.location。

试试这个：

$(function(){
    $('#info').click(function(){
        window.location = $('#SHOW_HELP').attr('href');
    });
});

Answer 3

$('#SHOW_HELP').bind('click', function(e) {
        alert ("button click triggered");
// This is what I tried so fat

 //$('#SHOW_HELP').trigger('click');
 //$('#SHOW_HELP').dispatchEvent(new Event('click'));

});

Demo

希望它可以帮到你

Answer 4

它确实在工作。

这是一个JSFiddle示例：http://jsfiddle.net/rZbk7/

$('#info').on('click', function(e) {
   alert("info triggered");
   $('#show-help').click();
});

$('#show-help').on('click', function(e) {
   alert("show-help triggered");
});

（蛇的情况不是很有趣，我改名SHOW_HELP来表示帮助）

触发点击事件。问题是你没有定义任何行动。

在“a href”元素上触发单击事件

4 个答案: