Hi again! OK, I understand why !important is bad and have removed it from my CSS… and slapped myself on the wrist for good measure. But I’ve now stumbled onto an entirely different issue that seems to be the real dealbreaker: my .js file is being rejected by the browser with a JQuery error, and I can’t figure out why.
Here’s the full .js as I’m importing it:
jQuery(document).ready(function($) {
$('.searchandfilter').on('sf:ajaxfinish',function(e, x){
$('#search-filter-results-8513').show();
console.log(e);
console.log(x);
});
});
I understand the jQuery(document).ready(function($) {as necessary for the $ references to work – and I am loading two other .js files that are structure the same way, and do NOT throw an error. Yet this one, the third one I’m loading, not only throws the error in the inspector, but that entire enclosing statement is completely removed. Which (seemingly) leads to the error, when the first line now starts with just the “$”.
Here is the entire first section of my functions.php:
<?php
function e2s_load_scripts() {
wp_register_script(
'hide-checkboxes',
get_stylesheet_directory_uri() . '/js/hidecheckbox.js',
array ( 'jquery' ),
'9.9.9'
);
wp_enqueue_script( 'hide-checkboxes' );
wp_register_script(
'rolldown-full-content',
get_stylesheet_directory_uri() . '/js/rolldowns.js',
array ( 'jquery' ),
'9.9.9'
);
wp_enqueue_script( 'rolldown-full-content' );
wp_register_script(
'hide-search-results',
get_stylesheet_directory_uri() . '/js/hideSearchResults.js',
array ( 'jquery' ),
'9.9.8'
);
wp_enqueue_script( 'hide-search-results' );
}
function e2s_load_admin_script() {
wp_enqueue_script(
'express-lifts-total',
get_stylesheet_directory_uri() . '/js/autosumAdam.js'
);
}
add_action ( 'wp_enqueue_scripts', 'e2s_load_scripts' );
Oh, and just to keep things REALLY interesting (though this may have to break off as a separate thread):
The Search button doesn’t show up in Firefox!
In a word…. arrrghhh!
Thanks for any further clues or advice…
.
