Ask your WordPress questions! Pay money and get answers fast! (more info)

Infinite Scroll not working on High Art Theme WordPress

  • SOLVED

I have the [[LINK href="http://fthrwght.com/highart/"]]High Art Pro[[/LINK]] theme installed on my wordpress, and actually runs perfectly, but infinite scroll is giving me problems and all the error i get is Uncaught TypeError: Object [object Object] has no method 'infinitescroll' www.trashfact.com:803

You can check the blog here http://trashfact.com and it should be working on the Archive part of the theme among others.

I would like to find the typeError, and that's all.


Thank You very much in advance !!!


<strong>UPDATE 1</strong>: Infinite Scroll is loaded on the footer
<strong>UPDATE 2</strong>: Thanks Dbranes, any idea why not loading automatically with this code?¿ i have embeded manually, And images are not loading....

// Use Infinite Scroll when turned on and on Blog, Archive and Exhibit Templates only
if ( $ha_infinite_scroll == '1' && ( is_page_template( 'ha-blog-archive-page.php' ) || is_page_template( 'ha-exhibits-archive-page.php' ) || is_page_template( 'ha-events-archive-page.php' ) || is_home() || is_archive() || is_page_template( 'ha-full-archive-page.php' ) ) )
wp_enqueue_script('infinite-scroll', TEMPLATE_DIR . '/js/jquery.infinitescroll.min.js', array('jquery'), '2.0b1.110420' );

wp_enqueue_script('highart', TEMPLATE_DIR . '/js/jquery.highart.js', array('jquery'), '0.0.13' );
}
}
add_action('wp_print_scripts', 'ha_enqueue_scripts');

Answers (2)

2012-12-28

Dbranes answers:

Your javascript file is not loaded i.e.

plugins/infinite-scroll/js/front-end/jquery.infinitescroll.js

hmm... looks like you are not using this plugin at all ;-)


Dbranes comments:

the reason why you get

<blockquote>Uncaught TypeError: Object [object Object] has no method 'infinitescroll'</blockquote>

is that you are using

$infinitemasonry.infinitescroll({...});

in the footer but you don't have this method defined.

So you need to install the Infinite-scroll plugin and make sure you have this file loaded:

<script type='text/javascript' src='http://www.trashfact.com/wp-content/plugins/infinite-scroll/js/front-end/jquery.infinitescroll.js'></script>


on your archive page.


Dbranes comments:

do you have

$ha_infinite_scroll = '1';


defined before the if sentence?


Dbranes comments:

ps: you might also want to replace

TEMPLATE_DIR


with

get_template_directory_uri()


Trashfunkel comments:

Yes $ha_infinite_scroll = '1'; was defined before, sent you PM

2012-12-28

Arnav Joy answers:

i think there is any js which is clashing with the infinite scroll script so check for it , in header.php , footer.php and functions.php


Arnav Joy comments:

why you do not use this plugin

http://wordpress.org/extend/plugins/infinite-scroll/