Uncaught TypeError: $ is not a function

andrewtronn
(@andrewtronn)

5 years, 8 months ago

Everytime I activate autoptimize I get this in my console

Uncaught TypeError: $ is not a function

jQuery(document).on(‘click’, ‘input[type=”checkbox”][name*=”app_candidate_sel”]’, function () {
var checked_box_count = jQuery(‘input[type=”checkbox”][name*=”app_candidate_sel”]:checked’).length;
if (checked_box_count > 0) {
jQuery(“#jobsearch-export-pdf”).show();
} else {
jQuery(“#jobsearch-export-pdf”).hide();
}
});</script> <script type=”text/javascript”>$(document).ready(function () {
‘use strict’;

The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 27 total)

1 2 →

Plugin Author Optimizing Matters
(@optimizingmatters)

5 years, 8 months ago

That sounds like you don’t have js/jquery/jquery.js in the JS optimization exclusion list any more Andrew? Can you re-add it and test again?

Thread Starter andrewtronn
(@andrewtronn)

5 years, 8 months ago

Exclude scripts from Autoptimize: wp-includes/js/dist/, wp-includes/js/tinymce/, js/jquery/jquery.js

I have that in the exclusion list

Thread Starter andrewtronn
(@andrewtronn)

5 years, 8 months ago

you can check the console on the website I have the plugin activated

Plugin Author Optimizing Matters
(@optimizingmatters)

5 years, 8 months ago

hmmm … do you have a non-production site where you could leave things broken for a while for me to investigate tomorrow (off to bed now, almost 10 in the evening here)?

Thread Starter andrewtronn
(@andrewtronn)

5 years, 8 months ago

no I don’t let see if I can clone the site

Plugin Author Optimizing Matters
(@optimizingmatters)

5 years, 8 months ago

disable “aggregate JS” for now to have your site running normally, I’ll look into the errors (below) I’m seeing tomorrow.

Thread Starter andrewtronn
(@andrewtronn)

5 years, 8 months ago

ok thank you

Thread Starter andrewtronn
(@andrewtronn)

5 years, 8 months ago

i disabled the “aggregate JS” and my custom fonts aren’t showing.. I will enable aggregate later tonight so you can take a look at it.

Plugin Author Optimizing Matters
(@optimizingmatters)

5 years, 8 months ago

that’s likely CSS optimization configuration that needs tweaking, there as well you can probably untick “aggregate CSS” as a temp workaround.
Plugin Author Optimizing Matters
(@optimizingmatters)

5 years, 8 months ago
OK, so re. $ is not a function; the root problem here is that in WordPress jQuery should be used in “compatibility mode”, where instead of $(<your original code here>) one should use jQuery(<your original code here>) OR the code should be wrapped like this;
```
(function($) { 
$(<your original code here>)
})( jQuery );
```
Thread Starter andrewtronn
(@andrewtronn)

5 years, 8 months ago

and this is in functions php?

Plugin Author Optimizing Matters
(@optimizingmatters)

5 years, 8 months ago

no, that is a change you should make the the level of the component (theme/ plugin) that is adding the inline JS (probably careerfy theme, but I see there also is a careerfy plugin).
Thread Starter andrewtronn
(@andrewtronn)

5 years, 8 months ago
View post on imgur.com

I’m in the careerfy folder which file should I be looking for?
- This reply was modified 5 years, 8 months ago by andrewtronn.
Plugin Author Optimizing Matters
(@optimizingmatters)

5 years, 8 months ago

given it’s inline JS, it’s in a PHP-file, but can’t say which one I’m afraid. my opinion; this is a bug in careerfy, which is premium, maybe reach out to their support?

Thread Starter andrewtronn
(@andrewtronn)

5 years, 8 months ago

so im in the careerfy > js > functions.php. Is this what I’m looking for

View post on imgur.com

Viewing 15 replies - 1 through 15 (of 27 total)

1 2 →

The topic ‘Uncaught TypeError: $ is not a function’ is closed to new replies.