Solved

Uncaught TypeError: undefined is not a function

Posted on 2014-11-17
10
92 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
  • 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
 
LVL 58

Expert Comment

by:Gary
ID: 40448390
Looks ok to me, those 3 sections are now scrolling thru.
0
IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 

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

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

Introduction Knockoutjs (Knockout) is a JavaScript framework (Model View ViewModel or MVVM framework).   The main ideology behind Knockout is to control from JavaScript how a page looks whilst creating an engaging user experience in the least …
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
The purpose of this video is to demonstrate how to integrate Mailchimp with WordPress, by placing a Mailchimp signup form on a WordPress Page or Post. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchi…
The viewer will learn how to dynamically set the form action using jQuery.

758 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

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now