TypeError: jQuery(…).cycle is not a function

It’s generally hard to fix these without seeing the site.

A quick fix might be switching to version 2 of the JavaScript.

I’ve had problems with the Avada template in the past, mainly because it used to load its own version of jquery.cycle which clashes with the one that Rotating Tweets uses. I thought I had a fix, but it appears I didn’t! But, as said, it’s hard to fix without seeing the site.

Moving to version 2 of the Rotating Tweets JavaScript on the Rotating Tweets setting page is probably the fastest way to fix this.

It does look like the same problem as here however I don’t know why the solution no longer works!

Does the code:

wp_deregister_script( 'jquery.cycle' );
    wp_register_script( 'jquery.cycle', get_bloginfo('template_directory').'/js/jquery.cycle.lite.js', array(), false, true);<br />
	wp_enqueue_script( 'jquery.cycle' );

still exist somewhere in the Avada theme? Might they – possibly – have changed the name of the script?

Yup. It’s QapTcha that’s broken the site. I hadn’t spotted that before.

It puts in a second copy of jQuery and that’s pretty much guaranteed to wreck everything (including a bunch of Avada functionality) – because everything earlier on the page gets overwritten.

How did you install it? It appears to be a very poorly written plug-in that doesn’t follow WordPress coding standards.

One thing that might work would be to set the option for Rotating Tweets to load at the bottom of the page on the settings page. If that doesn’t work, then you will need to uninstall QapTcha.

That’s handy. It should be an easy fix. Just remove this line:

<script type="text/javascript" src="/wp-content/themes/Avada-Child-Theme/jquery/jquery.js"></script>

and go with

<!-- include CSS & JS files -->
<!-- CSS file -->
<link rel="stylesheet" type="text/css" href="/wp-content/themes/Avada-Child-Theme/jquery/QapTcha.jquery.css" media="screen" />

<!-- jQuery files -->
<script type="text/javascript" src="/wp-content/themes/Avada-Child-Theme/jquery/jquery-ui.js"></script>
<script type="text/javascript" src="/wp-content/themes/Avada-Child-Theme/jquery/jquery.ui.touch.js"></script>
<script type="text/javascript" src="/wp-content/themes/Avada-Child-Theme/jquery/QapTcha.jquery.js"></script>

<script type="text/javascript">
  $(document).ready(function(){
    // Simple call
   $(".QapTcha").QapTcha();
});
</script>

and everything should be fine

Cool. Glad we got to a solution! 🙂