JavaScript错误，未捕获的类型错误

Question

I'm trying out a theme, which uses masonry. When I uploaded it to my server I am getting 5 errors in the dev tool. I'm at a loss as I'm clueless with the backend stuff.

Here is the link to the site: http://stevengeorgeharris.com/kevin/ and below is my problem.

Failed to load resource: the server responded with a status of 500 (Internal Server Error) http://stevengeorgeharris.com/kevin/wp-content/themes/imbalance22/libs/jquery-ui.custom.min.js?ver=3.5.1

Failed to load resource: the server responded with a status of 500 (Internal Server Error) http://stevengeorgeharris.com/kevin/wp-content/themes/imbalance22 /libs/jquery.infinitescroll.min.js?ver=3.5.1

Failed to load resource: the server responded with a status of 500 (Internal Server Error) http://stevengeorgeharris.com/kevin/wp-content/themes/imbalance22/libs/jquery.masonry.min.js?ver=3.5.1

Uncaught TypeError: Property '$' of object [object Object] is not a function stevengeorgeharris.com:49

Uncaught TypeError: Property '$' of object [object Object] is not a function stevengeorgeharris.com:355

Answer 1

You're using jQuery in compatibility mode.

When you use it like that, jQuery is not define as "$" (because other frameworks like to use this var name).

You should change your jQuery file or simply use this piece of code:

var $ = jQuery;

You can also use "jQuery" instead of "$".

Answer 2

Instead of $ use jQuery . You could also do:

jQuery(document).ready(function ($) {

and refer to the variable as $ in that scope.