He escrito una función jQuery que actualiza un div al hacer clic en otro div. Sin embargo, solo dispara en el segundo clic cada vez y estoy bastante confundido.
¿Cómo puedo arreglar esto?
$(document).ready(function(){ $(".block-swatch").click(function(){ $("#refresh-feefo").load(window.location.href + " #refresh-feefo" ); }); });Debería considerar usar .on ya que permite vincular eventos de un padre y si su elemento DOM #refresh-feefo no está listo, seguirá funcionando.
$(document).ready(function(){ $("body").on('click', '.block-swatch', () => { $("#refresh-feefo").load(window.location.href + " #refresh-feefo" ); }); }); Usé body , pero ten cuidado:
Los selectores jerárquicos a menudo se pueden evitar simplemente adjuntando el controlador a un punto más apropiado del documento. Por ejemplo, en lugar de $( "cuerpo").on( "clic", "#commentForm .addNew", addComment ) use $( "#commentForm" ).on( "click", ".addNew", addComment ).
Lea la sección de rendimiento del evento aquí para obtener más información: https://api.jquery.com/on/