Thanks in advance

Is there a specific reload or initialize function that you can hint at for me to get around this issue?

If you need to know what I mean as an example, first load https://lljb3.com then go to the Shop page in the menu.

I have been struggling since a while on multiple websites where this plugin is installed and where the navigation is happening via PJAX ( AJAX page changing, so no hard reload )

Other plugins I have all have a method to reload elements at the moment I need them to be ready, but this plugin has nothing like that. When navigating through PJAX to the page, the intl tel input is not appearing / not inited ( I have the DOM but no JS / styling for example )

It could really be useful for all developers out here who will need a re-init function or something similar…

Thanks for any help, don’t hesitate to ask questions

The page I’ve linked in question initializes scripts and works properly if you go directly to the page, but if you were to navigate to the page from the menu, then the gallery functionality does not work.

I’ve also turned on the AJAX Theme setting under Compatibility to no avail.

I figure the best route is to just re-init the scripts of this plugin but I’m not sure what I’m supposed call.

I’m currently using SmoothState.js but I will be switching to Barba.js instead. Any help is appreciated. Thanks.

When using PJAX technique (for exemple barba.js), how can we reload the WPCF7 scripts using JavaScript ?

Thanks!

— G

my wordpress theme is loading pages content in ajax (with pjax.js), DCL works as expected on regular page load, but not on ajax navigation. Any advices to re-init the plugin after the content has loaded ?

Thanks

https://www.ads-software.com/plugins/disqus-conditional-load/

From the site’s intro

> pjax is a jQuery plugin that uses ajax and pushState to deliver a fast
> browsing experience with real permalinks, page titles, and a working
> back button.

I also have a file ajax.js where I reinitialize jquery plugins so they would work with pjax. Something like this

$(document).on(‘pjax:start’, function() { NProgress.start(); });
// fix js
$(document).on(‘pjax:end’, function() {
NProgress.done();
// fix edd ajax cart
$( “.edd-add-to-cart.edd-no-js” ).each(function() {
($( this ).css(‘display’) != ‘none’) && $( this ).css(‘display’,’none’).prev().css(‘display’,’inline-block’);
});
// fix masonry
$(‘#masonry’).tile();

$(“#profile-grid”).gridalicious({
width: 225,
selector: ‘.item-profile’,
gutter: 0
});

$(“#post-grid”).gridalicious({
width: 225,
selector: ‘.item-post’,
gutter: 0
});

If I don’t do that, whatever jquery plugin I have integrated with the theme would stop working unless I access the page directly. For example if you went to localhost/site/shop directly, the page would load fine, but if you first went to localhost/site/ and then clicked on the shop link, pjax will load the shop’s mainpage using ajax, in this case the page will load broken.

Please check the screenshots below.

[![When page is accessed directory][2]][2]

[![When page is access via pjax from another page][3]][3]

I did not build this theme. I bought it from themeforest, but it only comes with Easy Digital Downloads integrated which doesn’t provide everything I need so I’m trying to install WooCommerce as well.

How can I exactly fix this?

[1]: https://github.com/defunkt/jquery-pjax
[2]: https://i.stack.imgur.com/cMLhf.jpg
[3]: https://i.stack.imgur.com/6ud5R.jpg

https://www.ads-software.com/plugins/the-events-calendar/

https://www.ads-software.com/plugins/wp-job-manager/