prev() method not working

[annuh]

Hello,
First of all thank you for this great plugin!

I am using the history plugin and would like to extend this plugin to scroll the page to the last clicked item. This works perfectly if the last clicked item is on the last loading page.
However, it is possible that this plugin has already loading (for example) page 4 while the users clicks an item on page 3.
To overcome this problem I would like to load the previous page automatically. The documentation states that the .prev() method (http://infiniteajaxscroll.com/docs/extension-history.html) should load the previous page, but this doesn't work for me.

I have also tried to execute the commands in the console:

$.ias().next(); // returns true;
$.ias().prev(); // returns undefined??

So far I have the following code. Could you tell me what I am doing wrong? :)
Thank you!

var ias = $.ias({
    container: '#cards-list',
    item: '.card-wrapper',
    pagination: '.pagination-bs',
    next: '.next'
});
ias.extension(new IASSpinnerExtension({
    html: $('.cards-loading-container').html(),
}));
ias.extension(new IASTriggerExtension({
    offset: 5,
    html: $('.cards-more-block-container').html(),
}));
ias.extension(new IASPagingExtension());
ias.extension(new IASHistoryExtension()); // Previous button has class 'prev'
ias.on('ready', function () {
    var id = window.location.hash.substr(1);
    if (id) {
        // Check if card is visible on current page
        var element = 'li#card-' + id;
        if (!$(element).length) {
            ias.on('rendered', function (items) {
                scrollTo(element);
            });
            ias.prev(); // Load previous page; not working :(
        } else {
            scrollTo(element);
        }
    }
});

[fieg]

Looks like that should work. I'll look into it.

[fieg]

Hi, I looked into this and found out that the Trigger extension is blocking the loading of the previous page.

In a unit-test I disabled the extension and wrote a wanky workaround, but perhaps it can help you to come to a solution, see https://github.com/webcreate/infinite-ajax-scroll/blob/master/test/04-history-extension-test.js#L49-L60

[JrrMaster]

Hi, you can got this working: http://infiniteajaxscroll.com/examples/history/page4.html but how to implement like that way? There is no clear documentation about that.

[Alpine418]

seems not to be fixed. The example code isnt working...

ias.on('ready', function () {
ias.prev();
});

After the user returns, I want every previous pages loaded. Oh, and trigger is active.

[andrewblake1]

Without trigger extension disabled, all previous pages load for me - unfortunately one at a time while scrolling is all I want.

[rentox]

Without trigger extension disabled, all previous pages load for me - unfortunately one at a time while scrolling is all I want.

have you found a solution for this? i want to reload the prev content on scroll up.

as you say, if i disable the trigger extension the prev content is loading.

found a script under "#220", sry

[rentox]

  <script type="text/javascript">
  var ias = $.ias({
      container:  ".ajax_container",
      item:       ".ajax_item",
      pagination: "#pagination",
      next:       ".next a"
    });
  ias.extension(new IASSpinnerExtension());
  ias.extension(new IASPagingExtension());
  ias.extension(new IASTriggerExtension({ offset: 100 }));
  ias.extension(new IASHistoryExtension({ prev: '.prev a' }));

  </script>

  <script>
  $(window).bind('mousewheel', function(event) {
        if (event.originalEvent.wheelDelta >= 0) {
            console.log('Scroll up');
            ias.on('ready', function () {
            ias.prev();
            });
        }
        else {
            console.log('Scroll down');
        }
    });
  </script>

any new workaround for the "ias.prev();" and the IASTriggerExtension?

[fieg]

I'm closing this issue because Infinite Ajax Scroll 2 reached end of life and is being superseded by v3.

Suggestions given in this issue are filled under: #466. If you have questions, feedback or want to contribute, please comment on the new issue.