Not working properly even with code from gihub :( In inspector (15:36) classes "loading" and "spin" appearing for a moment and than disappearing. As a result there is no possibility to apply animation (.spin). And after clicking on "load more" these words disappearing for a moment and appearing again.
Hello Alex, I noticed that after implementing the ajax infinite scroll, my gallery post thumbnail-container images are not showing up on hover? Is that some kind of bug? It just happens when the gallery post loads when the load more button is clicked to show other pages. Thanks for your help.
Hi Alex, great stuff. I have a small problem, when I click on the load more my page doesnt stay on the animation like yours but instead it goes to the top of the first post loaded, so I'm not able to see the animation complete unless I scroll really fast to the bottom after the loading is done. What could this be?
You probably have the # symbol in your href="" attribute. Did you use the preventDefault() like I showed in the video? Also, check my source code on Github to see if you have any typo.
Alessandro Castellani hmm possibly, tho I just watch the videos and then i try to recreate.myself the stuff. after that I check.with the github to see if i have typos and stuff. maybe i forgot something. Thanks!
Hi Alessandro - I managed to get the whole thing working except for one thing: when all the posts have loaded the 'Load More' button remains clickable - what does that suggest to you?
A bit more detail: I've got 6 blog posts. Under settings > Reading I've set number of blog posts to 2. I expected the load more button to become unclickable when there were no more posts to load. Is this a reasonable assumption?
Everything works fine but I have problem with removeClass which doesn't work on success of ajax. it works fine out of it. Is it because of the version of jquery or something else. How it should be written in a new version. By the way, I checked your Github and It is the same as your clip.thx
that.data("page", newPage); $(this).data("page", newPage); In this case, the same value comes in every time. data-page = newpage not to be. It is works $('.sunset-load-more').data("page", newPage); why?
Best WP tutorials ever!!! easy to understand, well documented and perfectly recorded. Thanks!
Thank you so much!
Best Tutorial Ever! You Saved me!
Greatings from Brazil!
Happy to hear that :D
Very good course, I am really enjoy in watching and very helpful, thank you
your way of teaching is so good thank so much bro
You're very welcome
Not working properly even with code from gihub :( In inspector (15:36) classes "loading" and "spin" appearing for a moment and than disappearing. As a result there is no possibility to apply animation (.spin). And after clicking on "load more" these words disappearing for a moment and appearing again.
Awesome Tutorial. Highly recommended!
+Hasan Niloy thank you so much!
most wellcome
Amazing tutorial, thank you very much!
Thanks for watching :D
thnx for this amazing lesson
Hello Alex, I noticed that after implementing the ajax infinite scroll, my gallery post thumbnail-container images are not showing up on hover? Is that some kind of bug? It just happens when the gallery post loads when the load more button is clicked to show other pages. Thanks for your help.
Same here...=(
I will investigate myself.
LOVE the loading animation, though!!! Super simple!
wrap all code inside function and call it when ajax success.
What if you put the code $('.sunset-posts-container').append(response); inside the setTimeout function? I think, it should work better. )
Amazing videos Thank you !
+Владимир Антощенко you're very welcome
this is really awesome ... thank u
+Subhasish Manna :D
What's the theme you're using in Chrome? I LOVE IT.
I'm loving your channel. Kudos.
I'm actually using Firefox with a Material skin :D
Hello Alessando. I am recommending Your channel on my channel
+Daviwp Oh wow, thank you so much, congratulations for your channel and keep up with the good work :D
I'm getting duplicate posts any ideas how to change that? Great tutorial! Thank you!
Check my source code on Github.
thank you Alessandro
+طاهر بوعرفة You're welcome!
what if I remove the load more ? I would like to trigger th e"INFINITE SCROLL" by " SCROLLING" rather than clicking
Can you please share your subliime text template, mine looks like a chrstmass three specially in javascript, is horrible.
I made a video about it: th-cam.com/video/oHmPrjSzmwU/w-d-xo.html
I found the code - it's provided in video 35! Whew! :)
Awesome, I knew I do something right once in a while :D
hello dear sir,
when will the next episode come up?
thank you
+stevey zack I will publish the next one in a couple of days. Thanks for watching!
u are a great teacher, thank you so much for these tutorial :)
When Read More button click once , that's working but when click twice , same post loaded two times. How to fix this problem
Hi Alex, great stuff.
I have a small problem, when I click on the load more my page doesnt stay on the animation like yours but instead it goes to the top of the first post loaded, so I'm not able to see the animation complete unless I scroll really fast to the bottom after the loading is done. What could this be?
You probably have the # symbol in your href="" attribute.
Did you use the preventDefault() like I showed in the video?
Also, check my source code on Github to see if you have any typo.
Alessandro Castellani hmm possibly, tho I just watch the videos and then i try to recreate.myself the stuff. after that I check.with the github to see if i have typos and stuff. maybe i forgot something. Thanks!
Hi Alessandro - I managed to get the whole thing working except for one thing: when all the posts have loaded the 'Load More' button remains clickable - what does that suggest to you?
A bit more detail: I've got 6 blog posts. Under settings > Reading I've set number of blog posts to 2. I expected the load more button to become unclickable when there were no more posts to load. Is this a reasonable assumption?
Correct! I implemented that functionality during a tutorial. Did you check that video already?
I watched video 31 and 32 (first two parts of Ajax infinite scroll) - is the functionality in either of those?
Hello,
What is your browser ? Because, it does'nt work well on Google chrome, specially js.
Regards
I tested this method on Chrome, Firefox, and Safari. It should work everywhere.
Check my source code to see if you have any typos.
Sorry, it works on google chrome, but when i inspect, i have some errors in the console, may be of my wampserver, and i don't know why ?
Dear Alex,removeClass doesn't work on success of ajax.what should I do?Tnx.
Check my source code on GitHub if something doesn't work. Cheers
Everything works fine but I have problem with removeClass which doesn't work on success of ajax. it works fine out of it. Is it because of the version of jquery or something else. How it should be written in a new version. By the way, I checked your Github and It is the same as your clip.thx
Problem solved.Thx
that.data("page", newPage);
$(this).data("page", newPage);
In this case, the same value comes in every time.
data-page = newpage not to be.
It is works
$('.sunset-load-more').data("page", newPage);
why?
i love you bro
Ehehe, thanks :D
Your spinner rotate in back direction =)
Busted :P