Solved

Uncaught TypeError: undefined is not a function

Posted on 2014-11-17
10
117 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
Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

 
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

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

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

Hi all! Recently there was EE question and the person wanted to have a multi-column textbox <div> selection, so as a first step to answer I provided a link but that was not complete with JavaScript selection, but had a good style sheet. So as a ques…
Requirements JQuery 1.6+ HTML CSS Introduction This article was inspired by an EE question (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_28372511.html) on how to make a page show some balloons animate up a page…
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…

830 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