Materialize css Tabs with Angular not work - javascript

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?

Related

Slick slider console error

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)

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!

Skrollr-Menu not initializing

I'm trying to use skrollr on mobile, it works but it's breaking my anchor links
I've tried using skrollr-menu. However, when I do
skrollr.menu.init(s);
I get
Uncaught TypeError: Cannot read property 'init' of undefined
Please help!
More info
I'm doing this on an app that's using rails. It also uses foundation 5.

Magento Jquery issue with RWD Template

I'm using Magento 1.9.1 with the RWD template with Augoria Slider on the home page and SM Gallery on the gallery page. They work fine so long as I remove
<action method="addItem"><type>skin_js</type><name>js/lib/jquery-1.10.2.min.js</name></action>
from app/design/frontend/rwd/default/layout/page.xml
This however causes the product description to vanish and I can't seem to get everything working together.
I tried creating a local.xml to only load the templates Jquery version on the product view page but this has not worked.
Website can be found here http://goo.gl/KXNOL4
Thanks
You have to check couple of things first,
Check your Pluggin and remove any additional Jquery core library calls.
Check your script $ sign because, some times it cause conflict issues with prototype.
Also, I have gone through with your page and It gives below js errors.
Uncaught ReferenceError: jQuery is not defined www.handcoded.co.uk/dart/skin/frontend/rwd/default/js/app.js:72
Uncaught ReferenceError: jQuery is not defined www.handcoded.co.uk/dart/skin/frontend/rwd/default/js/lib/jquery.cycle2.min.js:7
Uncaught ReferenceError: jQuery is not defined www.handcoded.co.uk/dart/skin/frontend/rwd/default/js/lib/jquery.cycle2.swipe.min.js:2
Uncaught TypeError: undefined is not a function www.handcoded.co.uk/dart/skin/frontend/rwd/default/js/slideshow.js:26
Uncaught ReferenceError: jQuery is not defined www.handcoded.co.uk/dart/skin/frontend/rwd/default/js/lib/elevatezoom/jquery.elevateZoom-3.0.8.min.js:66
So seems like your jQuery library not loading..

Magento add to cart doesnt work

Hello i have a problem with my add to cart button in my magento theme. i have changed all theme, but it doesnt work, please any can help me? i see in the console the error:
Uncaught TypeError: Cannot read property 'submit' of undefined gabinete-ice-2x24w-magg.html:220
onclick
but too appear error in my prototype.js im put here the file prototype.js, and here the live link http://masluz.panamerik.net/gabinete-ice-2x24w-magg.html i hope can help me guys thanks!
PROTOTYPE.JS LINK:
http://masluz.panamerik.net/js/prototype/prototype.js
When i go to checkout page to place the order have error too with prototype.js whats happend with this?
You are callling two copies of jQuery, this will cause all sorts of issues with Magento.
<script type="text/javascript" src="http://masluz.panamerik.net/js/megamenu/jquery-1-7-2.js"></script>
<script type="text/javascript" src="http://masluz.panamerik.net/js/iwd/all/jquery-1.10.2.min.js"></script>
You are using multiple version of jquery (1.7.2, 1. 1.10.2 and lastly 1.3.2). Since the last loaded version is 1.3.2 it is very much outdated and will not support many functions.
Also, you are loading jquery.noconflict file before your last jquery include, hence the errors are most likely because of the conflict issues.
You can try removing all other version of jquery and load noconflict.js file at the end of all the scripts.

Categories

Resources