- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
在我的脚本中,我从外部 RSS 源加载一些帖子。我有一个“加载更多”按钮,单击该按钮时,会调用 loadfeed()
函数并显示另外 10 个帖子。
发生这种情况时,有一个 slideTo()
将浏览器滑动到新帖子列表的第一个。
除了“加载更多”按钮之外,我还有一个计时器来检查这些提要的任何新帖子。这种情况每 3 分钟发生一次。
正如我所说,如果您单击“加载更多”按钮,页面就会移动,第一个新帖子会出现在屏幕顶部。这里的问题是,如果您单击“加载更多”按钮,阅读文章,并且当您阅读 3 分钟后,您滑回到加载的新列表的第一篇文章,也会发生这种滑动。更具体地说,当您加载(默认 20 个)+10 个帖子后,您将在 3 分钟后滑至第 21 个帖子。
所以我的问题是如何避免这种情况?
这是调用 loadfeed() 的 #loadmore 按钮
$("#loadmore").click(function() {
cap += 10;
loadfeed();
});
这是 loadfeed() 处理滑动的一部分。我有一个 if 语句,用于在默认的 20 个帖子之后发生滑动。如果没有这个,您将在 3 分钟后滑至第 11 条帖子,并且不会点击“加载更多”。
if (cap > 20) {
$(".p" + (cap-9)).slideto({
slide_duration : 'slow'
});
}
最佳答案
如果我误解了,请原谅,但是你不能只向 loadfeed()
传递一个参数吗?
在 $("#loadmore").click
中,调用 loadfeed(true)
并为计时器调用 setTimeout(function () { loadfeed(false) ); }, 12000);
.或者类似的。
编辑:
我不知道您使用的是哪个幻灯片插件。我已经下载了其中两个,但都不像你的那样工作。我已经让它与 scrollTo plugin 一起工作。
在此代码中,我删除了所有 AJAX 位和其他一些似乎与问题无关的内容。基本的更改是向 loadfeed()
添加一个参数,告诉它在添加新内容时是否滚动。单击该按钮使其滚动到底部;等待计时器不会。 (我还添加了一个clearTimeout,以便在有人疯狂使用加载按钮时停止计时器多次触发。)
<!DOCTYPE html>
<html lang="en">
<head>
<title>Testing</title>
<style type="text/css">
.Top { background-color: #ccc; padding: 10px; position: fixed; }
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="jquery.scrollTo.js"></script>
<script type="text/javascript">
$(function ()
{
var cap = 0;
var timerId = null;
function loadfeed(scroll)
{
cap++;
$("#loadmore").hide();
$('#feed')
.addClass('loading')
.append("<div class=\"p" + cap + "\"><p>Biodiesel put a bird on it pitchfork beard cosby sweater tattooed, 3 wolf moon skateboard thundercats. Craft beer irony sartorial DIY. Portland photo booth trust fund, mlkshk yr you probably haven't heard of them salvia. Trust fund marfa food truck Austin etsy synth. Seitan chambray williamsburg, thundercats american apparel cardigan four loko letterpress food truck cosby sweater. Art party Austin biodiesel, single-origin coffee etsy organic mlkshk yr PBR. Skateboard master cleanse 3 wolf moon, freegan Austin tumblr messenger bag vinyl dreamcatcher.</p><p>Tumblr before they sold out helvetica, chambray iphone yr DIY cosby sweater PBR synth stumptown keytar. Letterpress you probably haven't heard of them iphone, keffiyeh photo booth chambray american apparel lomo artisan. Hoodie beard quinoa locavore four loko mixtape. Tofu stumptown viral you probably haven't heard of them, readymade thundercats echo park etsy 8-bit. Pitchfork ethical before they sold out, freegan keffiyeh yr marfa banh mi echo park williamsburg tofu PBR twee. Keffiyeh pitchfork food truck, gluten-free bicycle rights iphone fixie banh mi vinyl craft beer tofu keytar +1 brooklyn. Synth echo park letterpress locavore, chambray butcher banh mi vinyl tofu twee four loko food truck beard mustache fap.</p></div>")
.removeClass('loading');
if (timerId !== null) clearTimeout(timerId);
timerId = setTimeout(function () { loadfeed(false); }, 12000);
$("#loadmore").show();
if (scroll) $(window).scrollTo(".p" + cap);
}
loadfeed();
$("#loadmore").click(function ()
{
loadfeed(true);
});
});
</script>
</head>
<body>
<div class="Top"><button id="loadmore">Load</button></div>
<div id="feed">Feed</div>
</body>
</html>
关于javascript - 如何仅在使用 jQuery 单击 loadmore 按钮时才使用 slipTo() ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7626934/
所以我有这个 javascript 片段,它有两个按钮可以进入全屏,一个按钮可以退出全屏。我想做到这一点,如果我不在全屏模式下,按钮会显示转到全屏模式,而当我处于全屏模式时,按钮会显示退出全屏模式..
我在自定义控件中添加了一个新属性作为可扩展属性,例如属性网格中的字体属性。在 Windows 窗体应用程序项目中使用我的自定义控件后,我在属性网格中看到一个省略号 (…) 按钮,如字体属性的“…”按钮
我在自定义控件中添加了一个新属性作为可扩展属性,例如属性网格中的字体属性。在 Windows 窗体应用程序项目中使用我的自定义控件后,我在属性网格中看到一个省略号 (…) 按钮,如字体属性的“…”按钮
我尝试将 Twitter 上的“Tweet Me”按钮 ( http://twitter.com/goodies/tweetbutton ) 添加到我的网站。然而,每当按下按钮时,我都会收到此 Jav
我试图在我的文本区域中获取一个按钮值,如果我使用 则工作正常但如果我使用那么它就不起作用了。你能找出问题所在吗? HTML 1 2 3 4 JavaScript $(document).read
我的 C# Winform 面板中有一堆文本框。每行文本框的命名如下: tb1 tbNickName1 comboBox1 tb2 tbNickName2 comboBox2 tb3 tbNickNa
我有一个表单,其中过滤器下方有按钮(应用过滤器和清除过滤器),我试图在单击“应用”按钮时显示“清除”,并在单击“清除”按钮时隐藏“清除”按钮。 下面的代码(如果我的表有的话):
excel 按钮正在工作,但是当我添加 pdf 按钮时,它添加仅显示 pdf 按钮 excel 按钮在 pdf 按钮添加后隐藏 $(document).ready(function() { $
我想创建一个 div 作为标题并分成 3 列,并按以下顺序在其中放置 2 个按钮和一个标题:Button1(左位) Title(居中) Button2(右位) 这是我为这个 div 编写的代码:
仅当选中所有框时才应禁用“允许”按钮。我该怎么做?我已经完成了 HTML 部分,如下所示。如何执行其中的逻辑部分?即使未选中一个复选框,也应禁用“允许”按钮
很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它,visit the help center 。 已关
如您所知,您可以使用 2 种方法在 HTML5 中呈现按钮: 使用 void 元素 或 如果您需要内容,请使用 元素(不是空元素)。 在JSF2中,有2种方式生成按钮;与UICommand或 UIOu
我尝试根据表单元素的更改禁用/启用保存按钮。但是,当通过弹出按钮选择更改隐藏输入字段值时,保存按钮不受影响。 下面是我的代码。我正在尝试序列化旧的表单值并与更改后的表单值进行比较。但我猜隐藏的字段值无
我有用于在消息(电子邮件、短信)上输入内容的 EditText。我希望在单击 ActionDone 按钮时立即发布消息。我为此使用以下代码: message.setOnEditorActionList
我的 Android 应用程序中有一堆 EditText,每个都将 InputMethod 设置为 numberSigned。我的目标设备没有硬件键盘,而是使用软件键盘输入数字。 Android 将输
我无法以编程方式隐藏弧形菜单中的 fab 按钮。我正在使用https://github.com/saurabharora90/MaterialArcMenu在我的代码中。如何在Java中以编程方式隐藏
我已经看到这在其他类型的对话框窗口中是可能的,例如“showConfirmDialog”,其中可以指定按钮的数量及其名称;但是使用“showInputDialog”时是否可以实现相同的功能?我似乎无法
相同的按钮用于激活和停用。第一次,当代码运行按钮单击并成功“停用”时。但第二次,代码无法找到该元素。第一个案例按钮位于第二个“a”标签中,然后停用第一个“a”标签中的按钮。 案例1: Edit
是否可以将按钮的 onclick 操作设置为 JavaScript 变量?这个想法是我们用 JavaScript 控制一个表。每当点击该表的一行时,我们就会更新一个 JavaScript 变量。该 v
我想创建一个按钮,它包含左侧的文本和右侧的复选框(或任何其他组件)。我怎样才能做到这一点? 我发现我可以制作自己的 View extends Button,但是如果可以的话我应该如何实现 onDraw
我是一名优秀的程序员,十分优秀!