Solved

Uncaught TypeError: undefined is not a function

Posted on 2014-11-17
10
129 Views
Last Modified: 2016-05-20
Hi,
I have a website which has a few carousels on the home page. For some reason the site is now throwing JQuery errors. Nothing has been changed on the site recently and i can't seem to find the issue. I have deactivated all plugins and updated everything which still did not have any effect.

Here is a link to the site http://www.boatinland.co.uk/

I would appreciate it if someone could shine some light on the issue.

Thanks,

Andrew
0
Comment
Question by:Andy6350
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 6
  • 3
10 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 40448131
Remove jQuery 1.6.4 from the site and move the jcarousel plugin to the footer or after the other jquery library
0
 

Author Comment

by:Andy6350
ID: 40448381
Hi,
Thanks for that, it's seemed to have cleared the error in the console, however the carousels are still not working. I can't see what could of effected this. I assumed it was the JQuery error in the console.

Any ideas?

Thanks,
Andrew
0
 

Author Comment

by:Andy6350
ID: 40448387
Actually, i didn't clear my cache ;) my bad. The carousel works now just issues with the nextgen gallery.
0
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 
LVL 58

Expert Comment

by:Gary
ID: 40448390
Looks ok to me, those 3 sections are now scrolling thru.
0
 

Author Comment

by:Andy6350
ID: 40448568
The three sections are scrolling nicely yes. The featured content gallery on the home page was broken too and the gallery on the boat pages http://www.boatinland.co.uk/amf-crestliner-boats-cruisader-2455

Just trying to fix the featured content gallery and work my way through. The console on the home page is saying the images cant be loaded :/
0
 
LVL 58

Expert Comment

by:Gary
ID: 40448579
Well it's looking for the images in the root folder, are they there, more likely in the uploads directory.
0
 

Author Comment

by:Andy6350
ID: 40448596
I can't work out why it's all of a sudden looking in the root dir and also how to get the correct path.

This is the code of the page called

<div id="featured">

      <script type="text/javascript">

        function startGallery() {

            var myGallery = new gallery($('myGallery'), {

                timed: true

            });

        }

        window.addEvent('domready',startGallery);

    </script>



    <style type="text/css">

      

      .jdGallery .slideInfoZone

      {

            height: <?php echo get_option('gallery-info'); ?>px;

      }

      </style>

   

    <div id="myGallery">

    <?php

    $imgthumb = get_option('gallery-use-thumb-image') ? "thumbnailimg" : "articleimg";

    $wordquantity = get_option('gallery-rss-word-quantity') ?  get_option('gallery-rss-word-quantity') : 100;

    if (get_option('gallery-way') == 'new')      {//new way

                   $arr = split(",",get_option('gallery-items-pages'));

                   if (get_option('gallery-randomize-pages'))

                   {

                          shuffle($arr);

                   }

                   foreach ($arr as $post_or_page_id)  

                   {

                         get_a_post($post_or_page_id); ?>

                         <div class="imageElement">

                               <h2><?php the_title() ?></h2>

                               <?php

                                    if(get_option('gallery-use-featured-content')) {?>

                                   <p><?php $key="featuredtext"; echo get_post_meta($post->ID, $key, true); ?></p>

                                <?php

                                } else {

                                ?>

                                   <p><?php the_content_rss('', 0, '', $wordquantity); ?></p>

                                <?php

                                    }

                                    ?>

                                <a href="<?php the_permalink() ?>" title="Read More" class="open"></a>

                                <img src="<?php $key="articleimg"; echo get_post_meta($post->ID, $key, true); ?>" alt="<?php $key="alttext"; echo get_post_meta($post->ID, $key, true); ?>" class="full" />

                                <img src="<?php $key=$imgthumb; echo get_post_meta($post->ID, $key, true); ?>" alt="<?php $key="alttext"; echo get_post_meta($post->ID, $key, true); ?>" class="thumbnail" />

                          </div>

                   <?php

                   } ?>

           </div>

           <?php

        }

        else { ?>

          <?php $temp_query = $wp_query; ?>

          <?php query_posts('category_name=' . get_option('gallery-category') . '&showposts=' . get_option('gallery-items')); ?>

          <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

             <div class="imageElement">

               <h2><?php the_title() ?></h2>

               <?php

                                    if(get_option('gallery-use-featured-content')) {?>

                                   <p><?php $key="featuredtext"; echo get_post_meta($post->ID, $key, true); ?></p>

                                <?php

                                } else {

                                ?>

                                   <p><?php the_content_rss('', 0, '', $wordquantity); ?></p>

                                <?php

                                    }

                                    ?>

                                <a href="<?php the_permalink() ?>" title="Read More" class="open"></a>

                                <img src="<?php $key="articleimg"; echo get_post_meta($post->ID, $key, true); ?>" alt="<?php $key="alttext"; echo get_post_meta($post->ID, $key, true); ?>" class="full" />

                                <img src="<?php $key=$imgthumb; echo get_post_meta($post->ID, $key, true); ?>" alt="<?php $key="alttext"; echo get_post_meta($post->ID, $key, true); ?>" class="thumbnail" />

            </div>

            <?php endwhile; else: ?>

            <?php endif; ?>

            <?php $wp_query = $temp_query; ?>

          </div>

        <?php

        }?>

   

</div>
0
 

Author Comment

by:Andy6350
ID: 40448745
Ok so i've realised that the file path is missing this part /wp-content/files_mf/ i don't know if this is an issue with magic fields plugin but it seems all setup correctly.

I even tried replacing....

<img src="<?php $key="articleimg"; echo get_post_meta($post->ID, $key, true); ?>" alt="<?php $key="alttext"; echo get_post_meta($post->ID, $key, true); ?>" class="full" />

with....

<img src="/wp-content/files_mf/<?php $key="articleimg"; echo get_post_meta($post->ID, $key, true); ?>" alt="<?php $key="alttext"; echo get_post_meta($post->ID, $key, true); ?>" class="full" />

This did not work.

Hope this makes sense?

Andrew
0
 

Author Comment

by:Andy6350
ID: 40451932
Hi,
Any ideas why this isn't working, not sure if to just change the gallery.

Thanks,
Andrew
0

Featured Post

Report: Liquid Web beats Amazon, Rackspace & More

A study by performance analyst firm Cloud Spectator finds that Liquid Web beats rivals Amazon, Rackspace and DigitalOcean when it comes to website and cloud application performance.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
In order to have all security and back ups taken care of, WordPress users can sign up for services with WP Engine.
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

739 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question