Develop Reference

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?

Visual Composer / Jquery Animations not working Debug Error

I have visual composer installed on a wordpress site. For some reason when i isert and image or any element and apply the animation from inside visual composer, the page goes blank and nothing shows, no animations, nothing.
After contacting the plugin developer they said another plugin is conflicting but i have just 1 other plugin installed, jetpack. I have uinstalled that and the problem persists.
Using the debug tool i get the following errors. any ideas?
Uncaught TypeError: a.indexOf is not a function
at r.fn.init.r.fn.load (jquery.min.js?ver=3.1.1:4)
at waypoints.min.js?ver=5.0.1:8
at waypoints.min.js?ver=5.0.1:8
at waypoints.min.js?ver=5.0.1:8
at waypoints.min.js?ver=5.0.1:8
Uncaught TypeError: f.getClientRects is not a function
at r.fn.init.offset (https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js?ver=3.1.1:4:20376)
at t.refresh (http://####/wp-content/plugins/js_composer/assets/lib/waypoints/waypoints.min.js?ver=5.0.1:8:2072)
at t. (http://#####/wp-content/plugins/js_composer/assets/lib/waypoints/waypoints.min.js?ver=5.0.1:8:6130)
at Function.each (https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js?ver=3.1.1:2:2865)
at refresh (http:#####/wp-content/plugins/js_composer/assets/lib/waypoints/waypoints.min.js?ver=5.0.1:8:6100)
at Function.n.(anonymous function) [as waypoints] (http://###wp-content/plugins/js_composer/assets/lib/waypoints/waypoints.min.js?ver=5.0.1:8:7638)
at r.fn.init.init (http://####/wp-content/plugins/js_composer/assets/lib/waypoints/waypoints.min.js?ver=5.0.1:8:4817)
at r.fn.init.n.fn.(anonymous function) [as waypoint] (http://######/wp-content/plugins/js_composer/assets/lib/waypoints/waypoints.min.js?ver=5.0.1:8:5712)
at function.window.vc_waypoints.window.vc_waypoints (http://####/wp-content/plugins/js_composer/assets/js/dist/js_composer_front.min.js?ver=5.0.1:1:7243)

By default, the latest version of WordPress uses jQuery version 1.12.4 but your site seems to be calling jQuery 3.1.1 via Google's CDN. It's possible that Visual Composer isn't compatible with jQuery 3 yet.
If this is the only plugin on the site, then it's likely the theme calling this jQuery version. And if it's properly coded, you should be able to find a wp_register_script or wp_enqueue_script function that is overriding the jQuery version. If you replace that with wp_enqueue_script( 'jquery' );, you'll load up WordPress' jQuery which may solve the issue.
Three notes:
The theme may have replaced jQuery by using wp_deregister_script. You'll need to comment that out too.
Changing the jQuery version may break javascript coming from your theme if that js needs jQuery version 3 so look for issues on that end as well.
When you update your theme, it will revert this change. So you should consider doing this through a child theme to preserve your changes across updates.

Wordpress plugins tinymce conflict

I am using Wordpress and have two plugins installed on there. Both are using the Tinymce WYSIWYG editor. If I have both plugins activated i get the following error message when loading the page plugin B is being displayed:
jquery.js?ver=1.12.3:2 Uncaught Error: no such method 'instance' for autocomplete widget instance
When clicking on one of the tabs of tinymce, this error message pops up:
tinymce.min.js?ver=4310-20160418:11 Uncaught TypeError: Cannot read property 'refreshContentEditable' of undefined
If I have plugin A deactivated, plugin B works flawlessly!
How can the conflict between both plugins be resolved? Shouldn't both just be using the tinymce editor and not changing it for the other plugin?
Thanks for your help!

The problem was the load order of the plugins in wordpress. By moving the plugin that created the error to an earlier load position the problem could be solved

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 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.