在“ a href”元素上觸發點擊事件

Question

我正在嘗試在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();
});

Answer 1

click事件已觸發，但是您尚未綁定click處理程序，因此不會發生任何事情。 如果要模擬單擊鏈接，則需要使用dom click方法。 $('#SHOW_HELP')[0].click();

Answer 2

或者，您可以更新按鈕的click事件以更改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'));

});

演示

希望對您有幫助

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更改為show-help）

點擊事件已觸發。 問題是您沒有定義任何動作。