@lev89

Как отменить обрезку строки?

Я обрезаю текст, если в нем более 20 символов, и в конец добавляется троеточие.
var size = 20,
    newsContent= $('.product_name'),
    newsText = newsContent.text();
if(newsText.length > size){
    newsContent.text(newsText.slice(0, size) + ' ...');
}

Но мне надо, чтобы при наведении на какой-то элемент эта обрезание строки отменялась? то есть чтобы при hover показывался полный текст
  • Вопрос задан
  • 60 просмотров
Пригласить эксперта
Ответы на вопрос 2
@ioooooi1
Есть вариант на css делать, но придется подбирать величину width

.cut-text {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 160px;
  height: 1.2em;
  white-space: nowrap;
}

.cut-text:hover {
  overflow: visible;
  
}


<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <div class="cut-text">I like big buts and I can not lie.</div>
</body>
</html>
Ответ написан
KickeRocK
@KickeRocK
FrontFinish
Перед обрезкой записывать текст в дата-атрибут, вешать hover для показа текста из дата-атр
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы