(Estoy usando el complemento WordPress Slider Revolution).
La configuración es que hay dos controles deslizantes adyacentes entre sí: un control deslizante tiene el nombre y la descripción del servicio y el otro es un control deslizante de imagen simple. La idea es que si un usuario hace clic en la tercera viñeta en el control deslizante del servicio, esto también activará la tercera viñeta en el control deslizante de la imagen para que también se haga clic.
Puse algo de jQuery simple para aplicar este comportamiento, sin embargo, después de algunas pruebas, descubrí que jQuery no detectaría el evento de clic en la viñeta. Esta es la función que estoy tratando de implementar:
jQuery(document).ready(function( $ ) { $("#rev_slider_3_2_wrapper .ares .tp-bullet:nth-child(2)").on("click", function() { $("#rev_slider_5_1_wrapper .ares .tp-bullet:nth-child(2)").trigger("click"); });Hice algunas pruebas agregando un botón y adjuntando un evento de clic a eso. Esto pareció activar correctamente el clic en la viñeta:
$(".fusion-button.button-1").on("click", function() { $("#rev_slider_3_2_wrapper .ares .tp-bullet:nth-child(2)").trigger("click"); alert("button clicked"); });Entonces, la propiedad trigger.click parece funcionar pero no on.click.
Cualquier sugerencia es apreciada.
Hemos preparado un artículo para esto aquí https://www.sliderrevolution.com/faq/triggering-slide-change-on-another-slider/ y puede usar el código JS personalizado proporcionado.
Tenga en cuenta que debe asignar el ID de API de control deslizante correcto en el código JS.