Question

我的代码遇到了问题。当我用高度和宽度缩短<div>时，它会成功，但是当文本内容链接时，缩短后，（LINK功能）功能就会消失。

有人可以帮我解决如何阻止它删除（LINK功能）。

这是我的JQuery代码：

$('#getCount').hide();
$.each($('.shorten'), function(key, text){
$('#getCount').css('font-size',$(this).css('font-size')).css('font-family',$(this).css('font-family'));
$('#getCount').text('A')
minX = parseInt($('#getCount').width());
minY = parseInt($('#getCount').height());
/* 
console.log(minX)
console.log(minY) 
*/
var curWidth = parseInt($(this).width());
var curHeight = parseInt($(this).height());
//if(curHeight>200){
  //console.log(curWidth+ ':' +curHeight)
  var $this = $(this);
  //console.log(text)
  var txt = $this.text();
  var textPerLine = parseInt(curWidth/minX);
  var limitHeight = parseInt(curHeight/minY);
  var curLength = txt.length;
  var curLine = parseInt(curLength/textPerLine);
  var overLine = curLine-limitHeight;
  var OverChar = parseInt(textPerLine*overLine);
  var DeleteNeed = curLength-OverChar;
  var sliceText = txt.slice(0,DeleteNeed);
  if(DeleteNeed>0){
    $this.text(sliceText+'...');
  }
  //$(this).text(txt+"...")
//}
});

它将检测哪个div内容.shorten类并检测宽度和高度以缩短文本。

如果语法错误，谢谢你，对不起我的英语。

更新：这是我的小提琴：http://jsfiddle.net/SqXdL/1/ 抱歉，我忘了添加一个小提琴。

由于

更新2：修正：http://jsfiddle.net/SqXdL/4/ 找到解决方案，这条线不适合小提琴，但我的方面： var output = txtHtml.replace（txt，sliceText +'...'）;

更新3：修正：http://jsfiddle.net/SqXdL/5/ 找到UPDATE 2问题并使用trim（）

修复

分享谁需要这个。感谢

Jquery：缩短div而不删除标记<a></a>

0 个答案: