kgstwo

Any help with this?

Thanks Mike,

Yes I have a sandbox with pjax functionality and a live site without that I’m comparing with. Yes I’m aware of the pjax:end event that allows code to run after loading. This is where I have the code of your screenshot now, but still some things not showing.

These two items in particular (comparing with my live site), have no elements in them at all when inspecting the code in my browser.

The “showing_jobs” div and
The “job_listings” ul

Everything else appears to be as it should. Are these two the only elements where ajax loads the content? Anything I can do to get the child elements of these two to render?

Thanks Mike,

I think you were right, I don’t believe the the script after done() was running. I went ahead and put that script into a different function, no luck still.

One thing I’ve noted — on a pjax load, when I enter the script directly into my browser console, the “showing job” div doesn’t appear with any of the elements inside of it. And the “wp-job-manager-showing-all” class also associated with that div is not showing either (I noticed this class showing on a non-pjax load). Also the “job_listings” div which wraps the whole thing looks to be missing as well.

I have a feeling these are where the issue lies — is there any other js or css I’m not calling? Or

No errors, I added what was in the screenshot, my code looks like this now:

function jobs() {
$.when(
$.getScript( “/wp-content/plugins/wp-job-manager-applications/assets/css/frontend.css” ),
$.getScript( “/wp-content/plugins/wp-job-manager-career-builder-integration/assets/css/frontend.css” ),
$.getScript( “/wp-content/plugins/wp-job-manager/assets/js/jquery-chosen/chosen.jquery.min.js” ),
$.getScript( “/wp-content/plugins/wp-job-manager-indeed-integration/assets/css/frontend.css” ),
$.getScript( “/wp-content/plugins/wp-job-manager-resumes/assets/css/frontend.css” ),
$.getScript( “/wp-content/plugins/wp-job-manager/assets/js/ajax-filters.min.js” ),
$.getScript( “/wp-content/plugins/wp-job-manager/assets/css/frontend.css” ),
$.getScript( “/wp-content/plugins/wp-job-manager/assets/css/chosen.css” ),
$.getScript( “/wp-content/plugins/wp-job-manager/assets/images/ajax-loader.gif” ),
$.getScript( “/wp-content/plugins/wp-job-manager-indeed-integration/assets/images/jobsearch.gif” ),
$.getScript( “/wp-content/plugins/wp-job-manager/assets/images/company.png” ),
$.Deferred(function( deferred ){
$( deferred.resolve );
})
).done(function(){
$(window).on( “load”, function( event ) {
$( ‘.job_filters’ ).each( function() {
var target = $( this ).closest( ‘div.job_listings’ );
var form = target.find( ‘.job_filters’ );
var initial_page = 1;
var index = $( ‘div.job_listings’ ).index( target );

if ( window.history.state && window.location.hash ) {
var state = window.history.state;
if ( state.id && ‘job_manager_state’ === state.id && index === state.index ) {
initial_page = state.page;
form.deserialze( state.data );
form.find( ‘:input[name^=”search_categories”]’ ).not(‘:input[type=”hidden”]’).trigger( ‘chosen:updated’ );
}
}

target.triggerHandler( ‘update_results’, [ initial_page, false ] );
});
});
});
}

////
Please let me know if this looks ok. So far, still only the loading image gif is appearing

Thanks, could you point me to which scripts I should be looking for?