- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我这里有一段从 GitHub 获得的代码。它是一个 Jquery 滚动分页插件。
https://github.com/andferminiano/jquery-scroll-pagination/tree/master
JavaScript
$(function(){
var count=$('#existing_campaign li').length;
$('#existing_campaign').scrollPagination({
'contentPage': '/cs_directory/helpers/campaigns_and_chats.php', // the url you are fetching the results
'contentData': {"count":count}, // these are the variables you can pass to the request, for example: children().size() to know which page you are
'scrollTarget': $(window), // who gonna scroll? in this example, the full window
'heightOffset': 10, // it gonna request when scroll is 10 pixels before the page ends
'beforeLoad': function(){ // before load function, you can display a preloader div
$('#loading').fadeIn();
alert($('#existing_campaign li').length);
},
'afterLoad': function(elementsLoaded){ // after loading content, you can use this function to animate your new elements
$('#loading').fadeOut();
var i = 0;
$(elementsLoaded).fadeInWithDelay();
if ($('#existing_campaign li').length > 1000){ // if more than 100 results already loaded, then stop pagination (only for testing)
$('#nomoreresults').fadeIn();
$('#existing_campaign').stopScrollPagination();
}
}
});
// code for fade in element by element
$.fn.fadeInWithDelay = function(){
var delay = 0;
return this.each(function(){
$(this).delay(delay).animate({opacity:1}, 200);
delay += 100;
});
};
});
我不确定为什么,但在将 contentData 发送到 contentPage 进行处理后,我不断获得相同的值,无论我激活该功能并从 contentPage 附加我的列表多少次。
我认为这是一个缓存问题,但我不确定如何清除缓存。尝试在 .scrollPagination 中作为选项插入,但效果不佳。
想知道我将如何度过这个难关。我知道这可以做到,否则我将如何对我的 <li>
进行分组是从我的内容页面一点一点显示出来的吗?
文档的选项有点少,所以我必须来这里寻找答案。希望有人能提供一些答案。
最佳答案
我也遇到了同样的问题。我修正了这个问题,改变了 BeforeLoad 事件中的内容数据,并在 afterLoad 事件中增加了页面,如下所示:
function initInfiniteScroll(data){
$('#my-div').scrollPagination({
'contentPage': url,
'scrollTarget': $(window),
'heightOffset': 1,
'AjaxAsync': true,
'beforeLoad': function () {
$(this).attr('contentData', data); // setting the contentData
}, ...
'afterLoad': function (loadedData) {
...
data.currentPage++; //Incrementing the page
}
关于javascript - Qn on jquery 插件(.scroll 分页),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19021599/
为什么这段代码不起作用?当我使用注释部分而不是表格时,它起作用了......使用table为什么不能工作? function addLine() {
我正在使用下面的代码使用批处理文件在 Windows 上静默安装 mysql.. 似乎忽略了/qn 我也尝试过/quiet,但这也不起作用。 它只是读取行并将光标移动到下一行。 echo off cl
如果我有两个表 tableinfo 和 tablenamelist 以及一个外键,如下所示: Alter tableinfo add foreign key (name) references tab
完美数是指其真约数之和恰好等于该数的数。例如,28 的真约数之和为 1 + 2 + 4 + 7 + 14 = 28,这意味着 28 是一个完美数。 如果一个数 n 的真约数之和小于 n,则称它为亏数;
我正在尝试转换为应用程序提供的静默安装程序命令 这在̣bat文件中运行得很好,但是我需要在powershell中运行它来执行自动部署任务之一 "BubblePop.exe" /s /V"/qn /li
问题是 Which of the following methods for providing explicit names for the columns in a view work?a. In
我这里有一段从 GitHub 获得的代码。它是一个 Jquery 滚动分页插件。 https://github.com/andferminiano/jquery-scroll-pagination/t
当我运行 MSI(不带参数)时,我通常必须通过对话框单击并选择是否要安装到当前用户/所有用户、目标目录等。 当我使用/qn(静默模式)运行 MSI 时会发生什么。如何找到为所有这些对话框自动选择的答案
我想创建一个允许用户使用不同颜色绘图的绘图应用程序。除了改变颜色,我什么都能想出来。 我有一个初始的红色油漆来绘制几条线,当我将颜色更改为绿色时,之前绘制的所有线条都被更改了。我希望之前绘制的线条保留
上面突出显示了两个部分。 1st - Mini-Profiler 告诉我 Controller / Action 的执行时间(通过 ajax 调用) 87 毫秒 第二个 - Chrome Web In
我有等式: 2^y = 2^q0 + ... 2^qn n 是任意整数(有任意数量的'q')。 'q' 的值可以大到 500,而 2^q 不能存储在整数或长变量类型中。由于存储容量问题,我想计算“y”
我是一名优秀的程序员,十分优秀!