jQuery动态添加的元素中处理字符串溢出后在指定字符数后添加省略号
2015-08-03 10:25
621 查看
"+[jsonData[i].questitle.lenth>40?jsonData[i].questitle.substring(0,40)+"...":jsonData[i].questitle]+"
该代码是写在动态加载元素中的三目运算,直接在加载的时候判断是否超出指定字符数,再决定用哪种形式显示。这里要注意的是“[]”三目运算最外部的这个大括号是不能省也不能用“()”代替的。
当然,像这种溢出添加省略号的方法还有在jq,js中调用substring方法。但是要注意动态加载的元素和固定存在的元素不同。网上搜索了好多方法,现在的jq.1.7之后的版本动态加载的方法都用on来触发事件,但是我这个情况是在页面加载后就要实现事件的发生,而我又是初学者,对jq没有太多研究,就不知道怎么用on方法在页面加载时就实现事件。如果某天某位大神经过,有好的解决方法,还请留言告知。还有一种简单的单行省略号添加法,就是在css中直接设置,具体语句:white-space:nowrap;(设置一行)overflow:hidden;(溢出的隐藏)text-overflow:ellipsis;(添加省略号),用css时一定是设置了width的。
相关文章推荐
- 提高jQuery性能优化的技巧
- jquery简单实现幻灯片的方法
- jQuery如何获取Json中的某个数据。
- 如何提高jquery的性能
- jquery中children()、find()的区别
- $.ajax重复提交请求
- 使用jquery修改页面表格中的文字
- JQuery总结
- FancyBox 插件(一)
- jQuery实现加入购物车飞入动画效果
- jquery简单实现幻灯片的方法
- 提高jQuery性能优化的技巧
- jQuery跨域问题解决方案
- jquery模拟进度条实现方法
- jquery
- jQuery()里面提供的4种构建jQuery对象的方式
- Jquery绑定事件(bind和live的区别)
- js面向过程与面向对象编程示例(使用jquery库)
- jquery下的ajax
- jQuery 的选择器