JQuery显示和隐藏其他内容的readmore.js插件

2021-08-21 0 721

在开发 WordPress 文章过滤功能时，由于有许多选项，默认情况下只显示一行。您可以通过“更多”和“关闭”按钮切换内容。您可以使用功能强大、实用且轻量级的jqueryredmore.js 插件来显示和隐藏更多内容，并自动添加“更多”和“关闭”链接，这些链接可以自定义。

js 使用起来非常简单，没有复杂的格式或编码的类名。打电话就行了。ReadMore（）包含文本块的元素，ReadMore.js 完成其余工作。
注意：readmore.js 和 jQuery 的版本高于 1.7.0。尝试使用较高版本的浏览器，也支持较低版本，但体验效果不好。

一、使用方法

1、添加到网站中

<script src=“../js/readmore.min.js”></script>

2、使用

$(‘article’).readmore();

就是这么简单。你可以改变动画的速度，崩溃块的高度，以及打开和关闭的元素。

$('article').readmore({
  speed: 75,
  lessLink: '<a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >Read less</a>'
});

二、选项

速度：100（单位为毫秒）

maxHeight：200 （像素）

heightMargin：16（以像素为单位，以避免倒塌是比仅稍大块了 maxHeight）

moreLink：'<a HREF=”#”>阅读更多</ a>’

lessLink：'<a HREF=”#”>关闭</ a>的“

embedCSS：true（需插入 CSS 的动态，将其设置为假，如果你有一个样式表需要的 CSS）

sectionCSS：’display: block; width: 100%;’（设置块的造型，忽略，如果 embedCSS 是假的）

startOpen：false（不要立即截断，开始在全开位置）

expandedClass：’readmore-js-expanded’（类添加扩展模块）

collapsedClass：’readmore-js-collapsed“（类加入到折叠块）

beforeToggle：function（）{} （称为或多或少链接被点击后，但之前的块被折叠或展开。）

afterToggle：function（）{} （称为后，该块被折叠或展开）

如果该元素具有最大高度 CSS 属性，Readmore.js 将使用该值，而不是 maxHeight 选项。

转载请注明：汇站网 » JQuery 显示和隐藏其他内容的 readmore.js 插件

赏

微信扫一扫

支付宝扫一扫

免责声明

本资源仅用于个人学习和研究使用，禁止用于任何商业环境！

1.  本网站名称：汇站网
2.  本站永久网址：https://www.huizhanii.com/
3.  本站所有资源来源于网友投稿和高价购买，所有资源仅对编程人员及源代码爱好者开放下载做参考和研究及学习，本站不提供任何技术服务！
4.  本站所有资源的展示图片和信息不代表本站的立场！本站只是储蓄平台及搬运
5.  下载者禁止在服务器和虚拟机下进行搭建运营，本站所有资源不支持联网运行！只允许调试，参考和研究！！！！
6.  未经原版权作者许可,禁止用于任何商业环境，任何人不得擅作它用，下载者不得用于违反国家法律，否则发生的一切法律后果自行承担！
7.  为尊重作者版权，请在下载24小时内删除！请购买原版授权作品，支持你喜欢的作者，谢谢！
8.  若资源侵犯了您的合法权益，请持您的版权证书和相关原作品信息来信通知我们请来信     我们会及时删除，给您带来的不便，我们深表歉意！
9.  如下载链接失效、广告或者压缩包问题请联系站长处理！
10.  如果你也有好源码或者教程，可以发布到网站，分享有金币奖励和额外收入！
11.  本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
12.  因源码具有可复制性，一经赞助，不得以任何形式退款。
13.  更多详情请点击查看

汇站网 WordPress JQuery显示和隐藏其他内容的readmore.js插件 https://www.huizhanii.com/15162.html