如何使每个元素单击都触发另一个元素的另一个单击

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