Support » Plugin: Infinite-Scroll » need help to set up infinite_scroll

  • Resolved lrrm

    (@lrrm)


    Hi,

    I’ve already checked Google and this forum on this topic but I’m stuck.
    Everytime I’m loading the blog with FF (latest) I get this javascript error:

    Error: ReferenceError: infinite_scroll is not defined
    Source File: http://localhost/blog/
    Line: 176

    Let me provide you with some additional information:

    In Line 176 we find the following statement:
    // Because the wp_localize_script method makes everything a string
    infinite_scroll = jQuery.parseJSON(infinite_scroll);

    I’m using this theme, which works fine for me:
    http://wordpress.org/extend/themes/minimalism

    What I already did:
    • I’ve downloaded and installed the plugin
    • I’ve activated it
    • modified the header.php to load jquery 1.9.1 and jquery.infinitescroll.min.js (latest from github)
    • I’ve modfied the functions.php according to this posting
    http://wptheming.com/2012/03/infinite-scroll-to-wordpress-theme/
    to add it manually to the theme
    • according to this thread I’ve modified line 30x to return true
    http://wordpress.org/support/topic/infinite-scroll-js-error-uncaught-error-infinite_scroll-is-not-defined?replies=15

    The other HTML/JS code looks like this:
    <script type=”text/javascript”>
    // Because the wp_localize_script method makes everything a string
    infinite_scroll = jQuery.parseJSON(infinite_scroll);

    jQuery( infinite_scroll.contentSelector ).infinitescroll( infinite_scroll, function(newElements, data, url) { eval(infinite_scroll.callback); });
    </script>
    <script>
    var infinite_scroll = {
    loading: {
    img: “http://localhost/blog/wp-content/themes/minimalism/images/ajax-loader.gif”,
    msgText: “Loading the next set of posts…”,
    finishedMsg: “All posts loaded.”
    },
    “nextSelector”:”#nav-below .nav-previous a”,
    “navSelector”:”#nav-below”,
    “itemSelector”:”article”,
    “contentSelector”:”#content”
    };
    jQuery( infinite_scroll.contentSelector ).infinitescroll( infinite_scroll );
    </script>
    <!–stats_footer_test–> <script type=”text/javascript”>
    (function() {
    var request, b = document.body, c = ‘className’, cs = ‘customize-support’, rcs = new RegExp(‘(^|\\s+)(no-)?’+cs+'(\\s+|$)’);

    request = true;

    b[c] = b[c].replace( rcs, ‘ ‘ );
    b[c] += ( window.postMessage && request ? ‘ ‘ : ‘ no-‘ ) + cs;
    }());
    </script>

    For me it looks like the JSON object is broken or something.

    Please help me. I’ stuck with this.
    Thanks.

    lrrm

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

Viewing 15 replies - 1 through 15 (of 19 total)
  • To me it seems that you are not using the official infinite-scroll plugin where this discussion is about.
    You are using something different, don’t you? Because normally you do not need to “make it work with wordpress” as it is a wordpress plugin.

    What “infinite scroll” script do you use?

    the plugin I’ve downloaded above. the plug-ins section tells me it is “infinite scroll” Version 2.6.2 | By Beaver6813, dirkhaim, Paul Irish, benbalter, Glenn Nelson

    Isn’t this the right plugin?

    And why have you modded your scripts? It’s a wordpress plugin that enables infinite scroll. Why did you do modifications like this one:

    Add Infinite Scroll to a WordPress Theme

    This is only necessary if you want to code your own infinite scroll plugin / method.

    Have you ever tried to use the plugin without modifications?
    Also you should start testing the plugin with one of wordpress default themes (twentytwelve for example) to see if it’s running. If it is and not in your theme, your theme needs modifications.

    I modified it because a simple installation did not worked. and as I’m doing this web development stuff for a while (not wordpress, other cm systems)I was looking for the nearest solution: modifying the code on my own.

    I observed that this plugin made not a single modification on html source code. shouldn’t there be at least a jquery script?

    you are suggesting that I remove the modifications in the functions php?
    I’ll test it with another theme now and let you know if it worked.

    Well, as a developer you should know how things work and how to test things.
    Yes, use a default theme, use the default plugin *without* modifications.
    And you should have noticed that the modifications above are not for the plugin you are using…

    Of course jquery is required, but it’s packed right into wordpress.

    If you provide a link to your page (and not localhost…) we could help you way better 😉

    it works more or less with the 2012 theme. scrolling down it show’s a loading bar but tells me that there are no more additional posts. unnecessary to say that this is false..

    I’ll upload it to a temporary place… testing it on localhost atm. wait a minute…

    alright. But plugin isn’t running / configured – is it?

    Ah I see this is the theme that has the problem. Can you switch to twentytwelve theme so I can have a look at the behaviour of the plugin (loading-bar that tells you there are no more posts)

    it is installed and running. the panel gives me only the “deactivate” option…

    hm, I just recognized that the older postings link isn’t working…

    it worked before.. of course.

    well… in the backend you have a settings panel – especially for the plugin. This is NOT inside the plugin-panel. It’s nested inside of another panel called “settings” or something. Just rollover through the different navigation-menus in the backend.

    When you find it you have to tell the plugins what names your css-selectors have… 
    see here:
    http://www.infinite-scroll.com/

    you are talking about the #content, #nav-below, #nav-below a:first and .post selectors?

Viewing 15 replies - 1 through 15 (of 19 total)
  • The topic ‘need help to set up infinite_scroll’ is closed to new replies.