的jQuery - 觸發（「點擊」）。單擊控制檯工作，但在劇本

Question

這裏不工作是什麼，我嘗試在控制檯：

$("#element a:eq(0)").click(); 

而且它可以正常使用。 這是我嘗試在腳本：

$(document).ready(function() { 
    console.log($("#element a:eq(0)")); 
    $("#element a:eq(0)").click(); 
    $("#element a:eq(0)").trigger("click"); 
}); 

然後當我刷新頁面，我可以在控制檯日誌中該元素完美選擇看，但沒有點擊觸發。你是否看到任何可能的原因，爲什麼這不起作用？

Answer 1

你的事件是完全triggerd，這說明不了什麼，因爲有上單擊事件中沒有定義事件偵聽器，因此，如果您定義的點擊事件中，你會看到該事件將觸發twise（.click()和.trigger('click')），

此外，如果你想觸發重定向到HREF只需添加location.href = this.href和點擊+重定向將觸發。

請參見下面的代碼片段：

$(document).ready(function() { 
 
    console.log($("#element a:eq(0)")); 
 
     
 
    $("#element a:eq(0)").click(function() { 
 
     alert("#element a:eq(0) clicked"); 
 
     //if you want to redirect to href page just incomment the below line 
 
     //location.href = this.href; 
 
    }); 
 
    
 
    $("#element a:eq(0)").click(); 
 
    
 
    $("#element a:eq(0)").trigger("click"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="element" > 
 
    <a href="https://stackoverflow.com/questions/44364289/jquery-triggerclick-click-working-in-console-but-not-working-in-script" >1</a> 
 
    <a href="#2" >2</a> 
 
    <a href="#3" >3</a> 
 
</div>