如何使每個元素單擊都觸發另一個元素的另一個單擊

Question

我嘗試使用jQuery對特定元素進行點擊會觸發對另一個元素的再次點擊，

那是我的代碼：

jQuery( ".menu-item menu-item-type-custom menu-item-object-custom
 menu-item-37" ).click(function() {   
jQuery(
 ".elementor-tab-title-2261" ).click(); });

Answer 1

您的邏輯似乎是正確的，我假設您正在使用的類選擇器未針對正確的元素，未初始化jQuery或代碼中有錯誤，導致該部分代碼無法正常工作從運行。

查看我編寫的此工作代碼，並將其與您擁有的代碼進行比較：

 $('#btn2').on('click', function() { console.log('btn 2 clicked!'); }); $('#btn1').click(function() { $('#btn2').click(); });

 .button { padding: 16px; margin: 5px; background-color: lightgrey; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="btn1" class="button"> <p> Button one </p> </div> <div id="btn2" class="button"> <p> Button two </p> </div>

Answer 2

在javascript ，可以通過dispatchEvent實現

 const btn1 = document.querySelector('#btn1'); const btn2 = document.querySelector('#btn2'); const event = new Event('click'); btn1.addEventListener('click', function(e) { e.preventDefault(); console.log('Button 1 clicked'); btn2.dispatchEvent(event); }); btn2.addEventListener('click', function(e) { e.preventDefault(); console.log('Button 2 clicked'); });

 <button id="btn1">Button 1</button> <button id="btn2">Button 2</button>

jQuery

 $('#btn1').on('click', function(e) { e.preventDefault(); console.log('Button 1 clicked'); $('#btn2').click(); }); $('#btn2').on('click', function(e) { e.preventDefault(); console.log('Button 2 clicked'); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button id="btn1">Button 1</button> <button id="btn2">Button 2</button>

Answer 3

這是一種更通用的方法，不僅可以觸發點擊。

 <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(document).ready(function(){ function myFunction(){ $(".b").trigger("click"); } $(".a").click(function(){ $(".a").hide(); myFunction(); }); $(".b").click(function(){ $(".b").hide(); }); }); </script> </head> <body> <p class="a">Click me away!</p> <p class="b">Click me too!</p> </body> </html>

如何使每個元素單擊都觸發另一個元素的另一個單擊

問題描述

3 個解決方案

解決方案1
1 2019-03-23 17:42:14

解決方案2
0 2019-03-23 17:44:21

解決方案3
0 2019-03-23 17:50:19

如何使每個元素單擊都觸發另一個元素的另一個單擊

問題描述

3 個解決方案

解決方案1 1 2019-03-23 17:42:14

解決方案2 0 2019-03-23 17:44:21

解決方案3 0 2019-03-23 17:50:19

解決方案1
1 2019-03-23 17:42:14

解決方案2
0 2019-03-23 17:44:21

解決方案3
0 2019-03-23 17:50:19