Fire jquery event once
<p>So this fires each time the user scrolls the page to load in more posts.</p>

<p>It uses </p>

<pre><code>$("#next-paginav")[0].click(); 
</code></pre>

<p>because it's an anchor it's 'clicking' on.</p>

<pre><code>$(document).ready(function() {
    $(document).scroll(function (e) { 

        var intBottomMargin = 300; 


        if ($(window).scrollTop() &gt;= $('main-content').height() - $(window).height() - intBottomMargin) {


             setTimeout(function(){ $("#next-paginav")[0].click(); }, 800);
        }

    });
});
</code></pre>

<p>Dipesh's code that I can't get to work.</p>

<pre><code>$(document).ready(function() {
    $(document).scroll(function (e) { 

        var intBottomMargin = 300; 


        if ($(window).scrollTop() &gt;= $('main-content').height() - $(window).height() - intBottomMargin) {


             setTimeout(function(){ 
             $("#next-paginav")[0].one('click',function() {  });

              }, 800);


        }

    });
});
</code></pre>

<p>The problem is that it fires so quickly it fires two, three, four times before the posts even load in.
This causes all sorts of problems, aside from the fact it'd be making so many requests on a live server, sometimes it skips over posts.
Is there a way to only fire it once?</p>
