触发“三个”的点击事件.元素

Trigger click event on "a href" element

本文关键字:事件 元素 三个 触发      更新时间:2023-09-26

我想在我的html网站上点击一个href元素。问题是点击事件没有触发

代码:

HTML代码:

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

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

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

希望对你有所帮助

或者,你可以更新按钮的点击事件来改变JavaScript中的window.location

试试这个:

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

它确实在工作。

这里有一个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改为show-help)

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