jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery插件,用于按容器宽度/高度截断长文本字符串大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
正如标题所说,我想根据指定容器的宽度和高度截断用户输入的文本字符串.我的规范是截断字符串,在结尾处显示一些消息,例如read More,当用户点击它时,文本向下滑动.

更新:啊!忘了一件事.它也应该处理多字节字符.

有人可以说明我有什么选择吗? jQuery插件还是一些漂亮的jquery片段?

感谢致敬

解决方法

jQuery Expander插件

HTML:

<div class="expandable">
    <p>Lorem ipsum dolor sit amet,consectetur adipisicing elit,sed do eiusmod tempor
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud 
    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor.
    </p>
    <p>Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
    Excepteur sint occaecat cupidatat non proident,sunt in culpa qui 
    officia deserunt mollit anim id est laborum.
    </p>
    </div>

使用Javascript:

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.expander.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() {

  // simple example,using all default options
  $('div.expandable p').expander();

  // *** OR ***

  // override some default options
  $('div.expandable p').expander({
    slicePoint:       80,// default is 100
    expandText:         '[...]',// default is 'read more...'
    collapseTimer:    5000,// re-collapses after 5 seconds; default is 0,so no re-collapsing
    userCollapseText: '[^]'  // default is '[collapse expanded text]'
  });

});
</script>

资源:

http://plugins.learningjquery.com/expander/index.html

在这里看演示:

http://plugins.learningjquery.com/expander/demo/index.html

祝你好运,问我是否需要澄清!

大佬总结

以上是大佬教程为你收集整理的jquery插件,用于按容器宽度/高度截断长文本字符串全部内容,希望文章能够帮你解决jquery插件,用于按容器宽度/高度截断长文本字符串所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。