es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Por qué solo funciona el Jquery de WordPress después de refrescar la página?

14 Jul, 2023 Programación

Este es mi código:

<script type="text/javascript">
  jQuery( document ).ready(function() {
    jQuery('#bookbtn_loc_1').on('click', function(event){
      jQuery("a.da-close").click();
      jQuery("#loc").val("B&B de fruithoeve Schalkhoven").change();
    });
  });
</script>

Quiero ejecutar este código cuando se hace clic en el botón con el id #bookbtn_loc_1.

Sin embargo, este script solo funciona después de que se refresca la página. Durante la primera carga, no funcionará.

He intentado agregar el código tanto en la cabecera como en el cuerpo del documento, pero el problema persiste.

Espero que haya alguien que ya haya enfrentado este problema y lo haya solucionado. Por favor, comparte tu solución.

Gracias.

Tags:  , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Parece que el problema puede deberse a que el script se ejecuta antes de que el botón con el id #bookbtn_loc_1 se cargue completamente en la página. Una posible solución es envolver el código en una función y llamar a esa función cuando se haga clic en el botón.

    Intente actualizar el código de la siguiente manera:

    <script type="text/javascript">
  function runScript() {
    jQuery("a.da-close").click();
    jQuery("#loc").val("B&B de fruithoeve Schalkhoven").change();
  }

  jQuery(document).ready(function() {
    jQuery("#bookbtn_loc_1").on("click", function(event){
      runScript();
    });
  });
</script>

    Esto crea una nueva función runScript() que contiene el código que se desea ejecutar. La función jQuery(document).ready() aún se ejecuta cuando se carga la página para configurar el event listener de clic, pero ahora llama a la función runScript() cuando se hace clic en el botón.

    Esto garantizará que el botón se haya cargado completamente en la página antes de intentar ejecutar el código.

Comments are closed.