Tengo un div que tiene una acción de cambio de clic que cuando el usuario hace clic en ese div cambiará la clase de un lapso de oculto a visible. El problema es que tengo un href que activa un modal emergente, cuando haces clic en ese enlace modal emergente, activa la acción de alternar. Estoy buscando una sugerencia para evitar alternar al hacer clic en ese enlace. ¡Cualquier ayuda es muy apreciada!
jQuery:
jQuery(".clickable-div").on( 'click', function() { jQuery(this).find('span.hidden-desc').toggle(); });dentro de ".clickable-div" hay un href con lo siguiente
<span id="popup-cont"><a id="popup-link" href="#popup">VIEW FULL LIST</a></span>
Desea utilizar stopPropagation en el evento que se activa cuando hace clic en el enlace dentro de su intervalo. Eso evita que el evento se propague a los elementos DOM principales en su estructura HTML.
$('.clickable').on('click', function() { $(this).find('span').toggleClass('hidden'); }) // Add stopPropagation() to the a Link within the span $('.clickable > span > a').on('click', function( e ) { e.stopPropagation(); }) .hidden { display:none; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="clickable"> Click me <span class="hidden">NOT SEEN <a href="#">Link</a></span> </div>