sir,
how can we implement using jsp pages

wen i try to load the same page gets repeated inside the page itself

I am newbie to jquery

pls help

Thanks and Regards
aravchr

The example app isn't really enough to figure out how to set this up. Something step-by-step for Rails 3 would be nice.

I am using a fixed layout so my navigation menu is always visible on the left side of the page. My content then scrolls as normal. With this setup, this plugin does not work correctly.

Long story short... 'distance' will never be zero, so the call is never made for additional data. $(window).scrollTop() will always be zero, even if you are at the bottom of the page.

More details using Firebug console:
$(document).height()
=> 1176

$(window).scrollTop()
=> 0

distance
=> 952

$.pageless.settings.distance
=> 100

(distance < $.pageless.settings.distance)
=> false

When CSS is disabled, the call is made.

Currently in a rails 4 app it works as it should unless you are running Turbolinks. If you run Turbolinks, then it renders as the typical will_paginate pagination links.

If I scroll down to the end, the method stopListener() is called, then I go to another page, and finally come back to this page, pageless won't work, because it's not listening.

The example app doesn't work.
Also it's in Rails 2.2.2 - why not have better instructions for Rails 3.x?

Hi!

I'm trying to use pageless and used your demo but I'm getting this error: undefined method `pageless' for #<#Class:

Any suggestion?

Thank you.

Hi, I encountered a bug that occured using these steps:

1. Design a div to use overflow: scroll so we can scroll on it.
2. Set pageless to use that div as container (e.g $(x).pageless({container: x})).
3. Load all the javascript (jquery.pageless.js and the code above) in the body, not head.

Buggy behavior:

1. Scroll on the div. The pageless script doesn't work.
2. Scroll on body. The pageless script works.

Wanted behavior:
Scroll on the div. The pageless script works and loads the next page.

The fix is really simple, just add this line below here; in init function:
if (settings.container) container = settings.container;

Friend, implemented by the boostrap 3.

$ ('# customers tbody'). pageless (opts.to_json # {});

Is loading perfectly, however the div <div id = "pageless-loader" .... Being loaded into the table place a drop layout ...

I like caregada below the table? or other

My container is inside an iframe, still I want the pageless effect when the outer frame(browser window in my case) reaches the bottom.
Is that possible and how?

How can I get the JS to load from the body? I'm optimizing my site so all JS is loaded last (before the closed body tag) but the endless js doesn't seem to want to work when placed there. Any suggestions?

Thanks

Please provide more explanations of how to use the different options, including which ones can also take functions and how to use them for great effect!

Thanks!

What do you guys think of adding something to easily trigger javascript after the ajax request, say for example if you have Bootstrap tooltips in your content??

// finally ajax query
  $.ajax({
    data: requestParams,
    dataType: 'html',
    url: url,
    method: settings.method,
    success: function (data) {
      if ($.isFunction(settings.scrape)) {
        data = settings.scrape(data);
      }
      if (loader) {
        loader.before(data);
      } else {
        element.append(data);
      }
      loading(false);
      // if there is a complete callback we call it
      if (settings.complete) {
        settings.complete.call();
      }
    }
  }).done(function() {
    // Easily add javascript triggers like Bootstrap tooltip
    $(".tooltip").tooltip();
  });

Not a huge deal, just something to make it easier for people to use this library.