Solved

Uncaught TypeError: undefined is not a function

Posted on 2014-11-17
10
141 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
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
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

PeopleSoft Has Never Been Easier

PeopleSoft Adoption Made Smooth & Simple!

On-The-Job Training Is made Intuitive & Easy With WalkMe's On-Screen Guidance Tool.  Claim Your Free WalkMe Account Now

Question has a verified solution.

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

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer…
How to build a simple, quick and effective accordion menu using just 15 lines of jQuery and 2 css classes
The purpose of this video is to demonstrate how to set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…
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…

695 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