Thread

hey Christian, any chance you forgot to set opts.currPage to += as in

if (opts.currPage == 1) {
     opts.currPage = 0;
}
     opts.currPage+=3;
...

hey Christian, any chance you forgot to set opts.currPage to += as in

if (opts.currPage == 1) {
     opts.currPage = 0;
}
     opts.currPage+=3;
...

Nope, looks like this (same as the thing you posted)

$(opts.navSelector).hide();
                if (opts.currPage == 1) {
                opts.currPage = 0;
                }
                opts.currPage+=3;
                debug("heading into ajax", path);

Ok, found the solution.

This is wrong:

{exp:channel:entries channel="blogpost" limit="3" dynamic="off"}

This is right:

{exp:channel:entries channel="blogpost" limit="3" dynamic="on"}

Notice the “Dynamic”-status.
Took me 4 hours 😊
But now it works like a charm.

Also, to make it stop looping when all the articles are done, you can use this:

<span></span>

Use “channel”, not “weblog” as stated in the old forums. “weblogs” is something from old EE, right?

Got this to work using infinitescroll-ee.  However, when testing I found it does not load the appended content in IE6, IE7, and IE8. 

In IE it successfully loads the “loading posts” indicator the correct number of times based on the content, but none of the appended content appears. I’ve tried cutting it down to the basics, but still unable to load any content.  Removed all other js files, as well as css, and still nothing loads. 

Has anyone had a similar issue with IE, and if so, any ideas? Would really appreciate any assistance.

Running EE 2.0, jQuery 1.6.2, masonry and infinite-scroll.

Thanks,

Matt

Just a quick note on this. After various attempts at fixing the issue, it turned out to be that IE won’t display the appended content if the itemSelector is set to an HTML 5 element.  I had an <article> with a class, and it would not work in the IE6, IE7, or IE8.

Thanks,

Matt

has anyone tried to do this with the jquery masonry script? It has the infinite scroll compatibility rolled into it, but for the life of me i can’t seem to get it working in ee.

Hey guys, I’m getting the following error in Firebug:

path.join is not a function
desturl = path.join(opts.currPage)

Anyone else had this issue while setting this up?

yes, I am working on this with jquery masonry and have that same path.join error,

the script seems to be triggered but wont load the next set of posts…

i would pay for this and i’m quite certain others would too.

One more person receiving the “path.join in not a function” error here… Anybody found the issue with this?

This is a great script… if i could get it working :( I am getting an error in the infinitescroll-ee.js on line 62. It says that $(element).html() is null.

var number = $(element).length + $(element).html().length + $(element).attr(“class”).length + $(element).attr(“id”).length;

Any ideas would be very much appreciated.

Check out DeadCat’s fork on github.

https://github.com/DeadCat/infinite-scroll

There’s a new option called extractLink that pulls the link from your nextSelector tag. So just add ‘extractLink: true’ and you should be good to go.