Slick slider console error - javascript

I am currently getting this console error from slick slider:
Uncaught TypeError: b.$list.prop is not a function
I am using this slider on three different sites -all implemented the same exact way. It was working on one of the sites until one day it just went blank. The error I get is on slick.min.js Has anyone else run into this problem? Does anyone know what this error is? Thanks in advance!
UPDATE: Here's a dev site that has the issue: http://dev.semananews.beta.lionheartdms.com/ With #Radiance suggestion, I loaded slick.min.js at the end and it now displays the image but the slider doesn't work still. I now get this console error
Uncaught TypeError: a.type is not a function

Check if you have added the external js files correctly. According to me the error is occurring because the compiler is not able to find the function which you are using

Did you check your jQuery version? Slick requires jQuery 1.7 to function properly. (https://github.com/kenwheeler/slick#dependencies)

Related

How do I find errors in jsfiddle?

I love jsfiddle and lately I've been learning javascript. There are of course many errors as I learn but I haven't figured out how to read error codes from console.
Latest I have is "1182:12 Uncaught TypeError: Cannot read property 'style' of null"
Each section of my code is less than 1000 lines of code, but clearly combined it's more. Is there a way to use this info to find where the error is happening?
TIA!
The console should show you an underlined section where the line number is that you can click:
The line number does not correspond to the line number in the JSFiddle code editor, but it'll take you to the error location in the browser's Sources panel:
This problem is not specific to JSFiddle. Many online code editors without integrated consoles have this issue, and this solution should work in most of them.

Materialize css Tabs with Angular not work

Tried to add to my app(Angular 1.** & Materialize) tabs-component Materialize CSS - always gives me error about
Uncaught TypeError: $(...).tabs is not a function
added jquery script many different ways:
$(window).load(function(){
$('ul.tabs').tabs();
});
And Ive got all dependencies which I need, but result still the same. Did somebody faced with it?

Uncaught TypeError: $(...).carousel is not a function

I am using bootstrap to create a web app. I am using rails 4.2.2 and heroku as my server. At first the carousel works fine. But after visiting another link on my site when I come back to the home page, the carousel is not working. I get the error on the chrome console.
Uncaught TypeError: $(...).carousel is not a function
I have looked at other solutions given in the site, but nothing has worked for me so far.
I am using the following code to load the js and jquery in my .html.erb file
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
Any help is appreciated. Thank you.
I made sure I ran all the commands as mentioned in the following link:https://github.com/twbs/bootstrap-sass#a-ruby-on-rails Also, removed all the entries for adding bootstrap from my html files as they are not required here. Now the carousel is working even after coming back from the links. Only thing is on my chrome console, even now when everything seems to work fine, it is showing bootstrap is not defined. But everything seems to be working fine.

Uncaught TypeError: jQuery(...).fancybox is not a function |fancybox used in wordpress

I have a wordpress website and I want to show my video using fancybox, so I tried wp plugin like "fancybox for wordpress" and "easy fancybox".
But both of them give me the error message "Uncaught TypeError: jQuery(...).fancybox is not a function".
I search for many questions on here and found this can be jquery conflict, but I cannot figure out where is it.
here is my site http://skyblueenglish.co.uk
Notice that I only have one of above plugins at one time.
as per my thinking and till i have checked, what happen is,
in word-press you have included fancybox jQuery and it will obviously installed when you have installed the plugin. Now what happen is ,while using some JS function or JS Class it is mandatory to include jQuery file before we use/include the third party JS.
I checked the "View Source" for your page.
<script src="http://skyblueenglish.co.uk/wp-content/themes/skybluetheme/js/jquery.min.js"></script>
and i found that above JavaScript file is included in the footer.
i just removed that line and put it before
<script type='text/javascript' src='http://skyblueenglish.co.uk/wp-content/plugins/fancybox-for-wordpress/fancybox/jquery.fancybox.js?ver=1.3.4'></script>
and the error is Gone.
so what you have to do is, you have to find your footer, find the included jquery.min.js . remove it from the footer and include it from header.
Let me know if you dont understand anywhere.
;( function( $ ) {
$(document).ready(function(){
$(".fancybox").fancybox({
//....
});
});
} )( jQuery );
I did so many experiments on same topic and also tried with many different way to solve according to wherever I found similar topics on internet but trust me nothing worked out for me and then finally I simply tried to see what exactly error says:
Uncaught TypeError: $(...).fancybox is not a function
and for which I simply removed a line which was saying if($.fn.fancybox!==null).
I am not strong enough to understand Javascript or Jquery thing being fresher so I just tried with simple logic and it worked for me lol.
This might not be the right solution but just thought to share my experience so maybe for someone it may work too.
It worked properly without loosing any function by removing below code
if($.fn.fancybox!==null)
{$("a[class^='fancyBox']").fancybox();
$("a[class^='fancybox-thumb']").fancybox(
{helpers:{title:{type:'outside'},thumbs:{width:50,height:50}}});}
Thank You!

WordPress Theme Uncaught TypeError

My website was working fine until the other day. I don't know what's happened but the dropdown system for everything has stopped working completely - even the Admin bar.
When I open up the JavaScript Console in Google Chrome when I'm on the site homepage, I get this message for each dropdown item:
Uncaught TypeError: Object #<Object> has no method 'on'...
I don't know how to fix this, I've looked everywhere. Would it be in the themes "Header.php" file? If so, whereabouts?
I found the problem! I wen into the plugins section of Wordpress and disabled "LikeLocker". The only problem is, now I've got to go into the plugins code and try to figure it out haha.
Thank you anyway!

Categories

Resources