Test for on jquery metod

Con la configuración de no dejar espacio preestablecida.

by Christian Unigarro

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="container">
  <ul class="ellipsis_text">
    <li>
      <a href="">123456789 123456789 1234567</a>
    </li>
    <li>
      <a href="">Y tu que más</a>
    </li>
    <li>
      <a href="">bien y voz a donde vives</a>
    </li>
    <li>
      <a href="">estoy bien pero puede ser mejor</a>
    </li>
  </ul>
</div>

JavaScript

var $areaListItems = $('.ellipsis_text li');
var itemLinkTexts = [];
var itemTextTruncated;
var evaluateSize;

String.prototype.trunc =
  function( n ){
  var isTooLong = this.length > n,
  s_ = isTooLong ? this.substr(0,n-1) : this;
  s_ = s_.substr(0,s_.lastIndexOf(' '));
  return  isTooLong ? s_ + '...' : s_;
};

function reemplazarTexto (truncLimit) {
	$areaListItems.each( function( index, listItem ) {
    itemLinkTexts.push($(listItem).find('a').text());
    itemTextTruncated = itemLinkTexts[index].trunc(truncLimit);
    $(listItem).find('a').text(itemTextTruncated);
  });
}

$( window ).resize(
	evaluateSize = function() {
    if ($('.container').width() < 768) {
      reemplazarTexto(10);
    }
    else if ($('.container').width() >= 768 &&  $('.container').width() <= 992) {
      reemplazarTexto(25);
    }
    else if ($('.container').width() > 992 &&  $('.container').width() <= 1200) {
      reemplazarTexto(27);
    }
 	}
);

evaluateSize();