Добавляете ссылку на дополнительную информацию в jQuery Autoellipsis?(Автоэллипсис добавляет «...» в конце текста с фиксированной высотой) - PullRequest
Новая
       8

Добавляете ссылку на дополнительную информацию в jQuery Autoellipsis?(Автоэллипсис добавляет «...» в конце текста с фиксированной высотой)

1 голос
/ 19 августа 2011

Я использую плагин jQuery под названием Автоэллипсис .

Добавляет «...» в конце текста с фиксированной высотой.

Например:

С многоточием и высотой: 

<div style="height 20px;">

Lorem Ipsum Dolor Sit Amet, Acectetuer Adipiscing Elit, Sed Diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat ... 

</div>

Без эллипса и высоты: 

<div>

Lorem Ipsum Dolor Sit Amet, Acectetuer Adipiscing Elit, Sed Diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat Volutpat Lorem Ipsum Dolor Sit Amet, Концертер Adipiscing Elit, Сед диам долоре магна аликвам эрат волутпат. 

</div>

Чтобы применить многоточие, вам нужно только сделать это (Многоточие применяется только в том случае, если высота элемента равна): 

  // Apply ellipsis
  $j('.reply-content p').ellipsis();

HTML: 

<div class="reply-content">
<span class="topic-author-link">
<span class="topic-post-date">
<span class="bbp-admin-links">
<p>
<div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam dolore magna aliquam erat volutpat.</div>
</p>

<!-- etc... -->

Я хотел бы добавить кнопку «Читать далее»:

Lorem Ipsum Dolor Sit Amet, Acectetuer Adipiscing Elit, Sed Diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat euismod tincidunt ut laore tincidunt ut laoreet ... читать больше

, поэтому полный текст появляется, когда вы щелкаете ссылку «читать дальше» сразу после многоточия (например, сохраняете только две строки текста).

Есть предложения для этого?

EDIT:

Параметры плагина (на всякий случай):

.ellipsis ([селектор], [опции])

Выполнить многоточие при выборе jQuery. Необязательный селектор определяет подэлементы, которые будут затронуты операцией многоточия. селектор Селектор, выбирающий подэлементы для выполнения многоточия на. Если селектор не указан, плагин по умолчанию выполняет многоточие на всех дочерних элементах. параметры Карта дополнительных опций для перейти к методу. Поддерживаются:

многоточие Символ или строка многоточия для использования. По умолчанию «...» (три точки).

setTitle Устанавливает атрибут заголовка затронутых элементов с помощью оригинальный контент. Может быть установлен либо никогда, onEllipsis или всегда. При использовании onEllipsis атрибут title будет установлен только когда содержимое элемента было действительно эллиптическим. По умолчанию никогда.

live Если установлено значение true, выполнить многоточие на текущем и будущем элементы, соответствующие выбору jQuery. Также повторно применяет многоточие когда изменяются размеры целевых элементов. Используйте с осторожностью, так как это Режим опрашивает элементы выбора. По умолчанию false.

Метод возвращает объект jQuery для целей цепочки.

1 Ответ

1 голос
/ 19 августа 2011

Из источника плагина объект настроек выглядит следующим образом: 

var defaultSettings = {
  ellipsis: '...',
  setTitle: 'never',
  live: false
};

Таким образом, опция ellipsis на самом деле не символ, а (по умолчанию) три символа. Быстрый просмотр кода не обнаруживает очевидного места, где используется магическое число три, так что есть большая вероятность, что вы можете просто указать другой вариант ellipsis, например 

ellipsis : ' <a href="something">Read More...</a>';

Возможно, что-то может сломаться, но это только начало.

...