由于.toggle()是来自jQuery的deprecated,我正在寻找一个新的简单解决方案,这将使我能够创建一个“阅读更多”按钮,该按钮在将按钮文本更改为“少阅读”时向下滑动一个段落.
我把这个工作代码放在一起:
var moreText = "Read more";
var lesstext = "Read less";
$(document).ready(function () {
$("a.readmorebtn").text(moreText);
$("a.readmorebtn").toggle(function () {
$("a.readmorebtn").text(lesstext);
$("p.more").slidetoggle(0);
},
function () {
$("a.readmorebtn").text(moreText);
$("p.more").slidetoggle(0);
});
});
http://jsfiddle.net/approach/gDvyR/
您将在小提琴中看到左侧的选项上选中了“Migrate 1.1.0”,这是使用这个(最新)版本的jQuery以这种方式使.toggle()工作的唯一方法.
我的问题是,你能想到另一种执行相同功能但不使用.toggle()和Migrate的方法吗?
如果你觉得这个问题已在其他地方得到解答,我会道歉,但我一直在寻找解决办法“相对简单”的提示,而没有真正看到任何明确的方法.不幸的是,对jQuery来说,它似乎并不是那么直接!
非常感谢.
解决方法:
我个人认为这里的所有答案都过于精细,无法满足您的需求.这应该做的很好,它适用于多次出现. http://jsfiddle.net/BramVanroy/gDvyR/5/
var moreText = "Read more",
lesstext = "Read less",
moreButton = $("a.readmorebtn");
moreButton.click(function () {
var $this = $(this);
$this.text($this.text() == moreText ? lesstext : moreText);
$this.next("p.more").slidetoggle("fast");
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。