borbs

I am having the exact same issue. But, I noticed something funny: it works on weekends. I don’t know why, but on saturdays and sundays, it works. On monday, it stops again. ??

Trying to work this out (maybe a transparent footer), I noticed I can use a NEGATIVE number. This is EXACTLY what I needed. So, if I set -800, it triggers 800 pixels BEFORE the position.

And that’s it. ??

And, just to be REALLY specific: anything larger than 17 on scroll_distance, makes it not to load. From 0 to 17 it works. After that, it doesn’t.

Well, actually it doesn’t look like that’s the problem (I use some jQuery that depends on positioning and it works fine).

Is there any debugging tool I could use to check it?

Here’s a page where you can see it not happening (scroll_distance is set to 400).
https://a3a.7e2.mwp.accessdomain.com/stranger-things-e-uma-das-melhores-novas-series-que-voce-vera-este-ano/

Yup. And, for some reason, anything larger than 0 makes it not to load the previous post at all.

I want to display ads in every page that is loaded via ajax on an infinite scroll, using Google DFP. I have four different slots in each page. I follow the regular Google DFP code, which is, in my case:

<script type='text/javascript'>
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];
(function() {
var gads = document.createElement('script');
gads.async = true;
gads.type = 'text/javascript';
var useSSL = 'https:' == document.location.protocol;
gads.src = (useSSL ? 'https:' : 'http:') +
'//www.googletagservices.com/tag/js/gpt.js';
var node = document.getElementsByTagName('script')[0];
node.parentNode.insertBefore(gads, node);
})();
</script>

<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.defineSlot('/XXXXXXX/ROS_DHTML', [600, 600], 'div-gpt-ad-5').addService(googletag.pubads());
googletag.defineSlot('/XXXXXXX/ROS_Horizontal', [960, 250], 'div-gpt-ad-6').addService(googletag.pubads());
googletag.defineSlot('/XXXXXXX/ROS_Interstitial', [1920, 1080], 'div-gpt-ad-7').addService(googletag.pubads());
googletag.defineSlot('/XXXXXXX/ROS_Txt', [[300, 250], [300, 600]], 'div-gpt-ad-8').addService(googletag.pubads());
googletag.pubads().collapseEmptyDivs();
googletag.enableServices();
});
</script>

I then call the ads, again, regularly.

<div id='div-gpt-ad-8'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-8'); });
</script>
</div>

How can I make the DFP and this callback function to work together? I know about the Advanced Google Publisher Tag, but I’m not the most code savvy in the world, and I just couldn’t adapt it to my needs (specially since I use a lot of slots). So, I thought this would be the easier way…

You know, a few minutes before I saw your reply, the news ticker dev told me that, testing, he noticed the plugins were loaded, BUT not the external files it needed to load — just like you said.

For testing reasons, I tried to load those files via functions.php and, guess what? It worked. It doesn’t show anything, since the JS is not being fired again, but, well, we finally could pinpoint exactly the problem, that could help me solve this.

So just let me get this straight: what I have to do is figure out a way to make the ajax plugin to load after everything is set? Or it’s something that the ajax plugin must do by itself?

@bcworkz

Yeah, the CSS part is easy to overcome. But in the case of the other one, a PHP function?

Looking into both plugins code, I found the wp_register_, script and style, that both use to, well, register the function and the CSS.

I’m no programming expert, but I can tell that this makes WordPress know about the plugin, and that’s what makes it work the first time. Is there anyway for me to make the plugin register AGAIN, so WordPress can load it again and again and again?

Anyways, thank you for your clarifying answer. Really appreciated ??

Just for the record: if I put the plugin’s CSS inside my style.css, it loads normally. For some reason, the plugin cannot get it’s own CSSs…

Yes. The previous post is just loaded when I reach the bottom of the screen.
I wanted to use the preloader so the scroll feels more natural, meaning that when I reach the bottom, the previous post is already loaded. ??

Hm… So, is there a way to make the previous post to be injected BEFORE I reach the bottom of the screen? ??

Ok, the ISSUE #2 is solved.
It was a problem with a div that was not relative. ??

And I don’t even know if this is expected, but when I hit the BACK button, the URL is changed, but the post is not…

(Just saw that LazyLoadXT is having some issue, BUT this is only happening online. We’ll try to fix it, but I don’t think it’s related)

Hey Darren,
Thank you for your response. ??

This is the first time in 16 years that I have to deal with AJAX, so it’s all absolutely new to me.

First of all, I just put a test site online, so you can help me with this.
I sent you the URL on your e-mail, and I’m really sorry about this, but I can’t make it public yet. :/

So, this is Issue #1. ??

About issue #2, it’s not javascript related… I think.
The post_title for the second post appears over the first one — so, the second post have no title. You have to scroll up to the first one to see it all mixed up.

Issue #3… Could you help me with this? I call some .js, and I have one called effects.js, that have things like this:

$(document).ready(function(){
  $('#Capa').waypoint(function(direction) {
	$('#Barra').css('display', 'block');
    if (direction === 'down') {
      $('#Barra').addClass('fadeInDownBig').removeClass('fadeOutUpBig');
    } else if (direction === 'up') {
      $('#Barra').addClass('fadeOutUpBig').removeClass('fadeInDownBig');
    }
  }, { offset: '-100%' });

  $('#SigaANDBotoes').waypoint(function(direction) {
	$('#Barra').css('display', 'block');
    if (direction === 'down') {
      $('#Barra').addClass('fadeOutUpBig').removeClass('fadeInDownBig');
    } else if (direction === 'up') {
      $('#Barra').addClass('fadeInDownBig').removeClass('fadeOutUpBig');
    }
  }, { offset: '100%' });

  $('#Redes').waypoint(function(direction) {
    if (direction === 'down') {
      $('#Barra').addClass('fadeOutUpBig').removeClass('fadeInDownBig');
    } else if (direction === 'up') {
      $('#Barra').addClass('fadeInDownBig').removeClass('fadeOutUpBig');
    }
  }, { offset: '88' });
});

This is the function that makes the sticky nav hide and seek and works in the first post, but not the ones after. :/

So… That’s it. Hope you can help me with all these issues. ??