Estoy usando Wordpress junto con un tema ajax y también estoy usando un complemento de búsqueda ajax.

Para detener la recarga de la página y continuar usando ajax al hacer clic en un resultado de búsqueda en la búsqueda de ajax, se me proporcionó el siguiente código:

 let dom_observer = new MutationObserver(function(mutation) { if ( typeof Pjax != 'undefined' ) { let newContent = document.querySelector(".asl_r"); let pjax = new Pjax({ cacheBust: false, elements: "a", // default is "a[href], form[action]" selectors: ["title", "#header nav", "#aside", "#footer", "#content"] }); pjax.refresh(newContent); jQuery('.asl_r .item').off('click.body').one('click.body', function(){ document.body.click(); }); } }); let container = document.documentElement || document.body, config = { attributes: false, childList: true, subtree: true, characterData: false }; dom_observer.observe(container, config);

Esto funciona bien, pero tengo un problema que ocurre si navega a una página y luego presiona el botón Atrás en un navegador

Al usar el botón Atrás, la página anterior se cargará bien, pero comenzará a recargarse infinitamente.

Si elimino este código, puedo volver a navegar sin problemas sin que se produzca ninguna recarga.

Intenté eliminar cacheBust pensando que esto podría estar teniendo algún efecto, pero esto no hace ningún cambio.

Si alguien con conocimiento de js/ajax pudiera brindar algún consejo, sería muy apreciado.

Gracias

Editar: Resuelto con el desarrollador que proporcionó una solución alternativa sin necesidad de este código.