Hola, tengo una página de wordpress que estoy tratando de hacer para que cuando alguien acceda a mi página con el parámetro #click_approved en la URL, active un enlace con el atributo de video de datos para abrir un modal. Hasta ahora redacté este JS pero no tuve suerte.
<script> if(document.URL.indexOf("#click_approved") >= 0) { document.querySelector('[data-video-id="5MS_V0SpRL8"]').click(); } </script>también probé esto
<script> var element = document.querySelector("a[data-video-id='5MS_V0SpRL8']"); if(document.URL.indexOf('#click_approved') >= 0) { setTimeout(function(){element.click();}, 5000); } </script>esta es la página en la que estoy tratando de hacer que funcione la función
https://www.homecarepulse.com/home-care-tv/recruitment-retention/#click_approved
cualquier ayuda es apreciada!
Simplemente puede mover querySelector a la función de devolución de llamada setTimeout .
<script> if(document.URL.indexOf('#click_approved') >= 0) { setTimeout(function(){ var element = document.querySelector("a[data-video-id='5MS_V0SpRL8']"); element.click(); }, 5000); } </script> o reducir el tiempo de espera usando un setInterval
<script> (function() { if (document.URL.indexOf('#click_approved') === -1) return; let tm = setInterval(function(){ var a = document.querySelector("a[data-video-id='5MS_V0SpRL8']"); if (a) { clearInterval(tm); a.click(); } }, 500); })(); </script>y aquí hay otra forma de usar la API MutationObserver , es más eficiente que la forma del temporizador. asegura que el evento de clic se puede activar inmediatamente una vez que se representa el elemento.
<script> (function() { if (document.URL.indexOf('#click_approved') === -1) return; let observer = new MutationObserver((mutations) => { mutations.forEach((mutation) => { if (!mutation.addedNodes) return for (let node of mutation.addedNodes) { if (node.tagName == 'A' && node.getAttribute('data-video-id') == '5MS_V0SpRL8') { node.click(); observer.disconnect(); } } }); }); observer.observe(document.body, { childList: true , subtree: true , attributes: false , characterData: false }); })(); </script>