Estoy tratando de realizar un clic desencadenante del botón en el doble clic del elemento de la lista. tengo 2 elementos Uno es un botón y el segundo es un elemento de lista UL.
Aquí está el botón HTML y el código de lista.
<button type="button" class="btn btn-primary" data-toggle="modal" id="show_comment_modal" data-target="#showCommentModal"> Show Comment </button> <ul> <li id="category_list_1">Coffee</li> <li id="category_list_2">Tea</li> <li id="category_list_3">Milk</li> </ul>
Aquí está el código Jquery:
$( "#category_list_1" ).dblclick(function() { $( "#show_comment_modal" ).trigger( "click" ); });
No me sale ningún error en la consola. ¿Esto fue posible?
$('#show_comment_modal').click(function() { alert('button click'); }); $('.category').dblclick(function() { $('#show_comment_modal').click(); });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button type="button" class="btn btn-primary" id="show_comment_modal"> Show Comment </button> <ul> <li class="category" id="category_list_1">Coffee</li> <li class="category" id="category_list_2">Tea</li> <li class="category" id="category_list_3">Milk</li> </ul>
Aquí tienes un fragmento de código con un ejemplo