jney / jquery.pageless Goto Github PK
View Code? Open in Web Editor NEWA jQuery plugin. As you scroll down you see more results coming back at you automatically.
A jQuery plugin. As you scroll down you see more results coming back at you automatically.
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.
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
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.
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.
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!
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
Hi, I encountered a bug that occured using these steps:
div
to use overflow: scroll
so we can scroll on it.div
as container (e.g $(x).pageless({container: x})
).Buggy behavior:
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;
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
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?
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.
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.
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.
The example app doesn't work.
Also it's in Rails 2.2.2 - why not have better instructions for Rails 3.x?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.