пробелы при использовании плагина усечения текста

Я пытаюсь применить плагин jtruncate отдельно к каждой из 4 текстовых областей на одной странице. Первая текстовая область выравнивается по ширине, остальные выравниваются по правому краю.

Оставили комментарий в блоге плагина jtruncate, но еще ничего не слышал.

Мои проблемы...

A) Бит выравнивания текста, при втором и последующих показах, текст не выравнивается должным образом, оставляя массивное пустое пространство вдоль верхней строки, ограниченное первыми двумя словами.

B) В выровненных по правому краю текстовых битах при втором и последующих раскрытиях первое слово верхней строки не перескакивает обратно на верхнюю строку, оставаясь впереди нижней строки текста. Там, где это должно быть, в начале верхней строки (вверху слева) осталось пустое место.

Тяжело так объяснить...

... Я собрал короткий jsfiddle , который должен показать, что я имею в виду на всех трех считает. Вы можете помочь?

Я ОЧЕНЬ новичок в jQuery и кодировании в целом, часто я не понимаю терминологию или инструкции по кодированию, поэтому, пожалуйста, объясните мне все простыми словами :)


jquery truncate
person Cress    schedule 28.12.2011    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Я посмотрел еще кое-что, и для первой части (текст оператора) вы можете внести следующие изменения в CSS

#statement .truncate_more
{
    text-align:justify;
    float: right;
}

Что решает проблему.

http://jsfiddle.net/QLgqe/

Обновлять:

Посмотрел ещё. «Изменение» после первого раза связано с тем, что вы начинаете с элемента, для которого не установлено отображение, устанавливаете его равным none, а затем устанавливаете его как блокировку. Если вы начнете с него в блоке, вы не увидите никаких изменений от одного дисплея к другому. При этом вы сможете настроить остальные таблицы стилей так, чтобы они работали так, как вы хотите.

Вот скрипка

http://jsfiddle.net/QLgqe/1/

person Hogan    schedule 28.12.2011
comment
Спасибо, но у меня все еще есть проблемы A) и B). Я сделал то, что вы предложили (я думаю, в ссылке на проблему C?), Переместив текст на новую строку html, но, похоже, это не имело никакого значения. В итоге я решил проблему C, используя разрывы строк. - person Cress; 28.12.2011
comment
Кажется, что проблема A) возникает при использовании выравнивания текста по ширине, и другая ошибка видна, если я использую выравнивание по левому краю (см. jsfiddle css #statement), поэтому я переключился на выравнивание по правому краю, что делает усечение работает нормально, но выравнивание текста при раскрытое выглядит глупо и не так легко читается. - person Cress; 28.12.2011
comment
сделали то, что вы предложили, посмотрите мой jsfiddle, но обратите внимание, как в разделе «биография» первое слово первой строки не возвращается наверх - (проблема B) Проблемы возникают при втором и последующих нажатиях кликера, но работать над первым хитом нормально. Я в растерянности. - person Cress; 28.12.2011
comment
Я пробовал это (посмотрел на ваш jsfiddle), но это приводит к тому, что первая часть текста (которая называется только текстом заявления или текстом биографии в качестве примеров слов) отделяется влево от тела текста. В моем jsfiddle обратите внимание, как в верхней строке текстового тела «утверждение» и «биография» конкретные слова «текст заявления» и «текст биографии» (количество символов перед усечением текста «длина» в разделе Jtruncate) не ведет себя, см. мои проблемы A) и B) выше. Проблемы возникают при втором и последующих нажатиях кликера, но работают при первом нажатии нормально. Я в растерянности. - person Cress; 28.12.2011
comment
@Cress Еще одно обновление - теперь вы не увидите изменения после первого щелчка, должно помочь. - person Hogan; 28.12.2011
comment
Спасибо за возню. Я быстро просмотрел вашу работу, но, увы, первая строка начинается и остается разделенной, а «кликер» отображается встроенным. Завтра у меня будет скрипка и фафф, так как я пытался решить это весь день, и на данный момент с меня достаточно. :? - person Cress; 28.12.2011
comment
Нет изменений после первого щелчка (ура), но макет теперь показывает проблему diff (о, нет). При нажатии любой кнопки оба заголовка сдвигаются влево. NB Я хотел, чтобы кнопка была правильной для бота, поэтому изменил css в разделе css с display:inline-block на display:block (не трогал jq), и все прошло хорошо. Тем не менее, вышеупомянутая проблема скольжения обоих заголовков существует, плюс при раскрытии кнопка усечения теперь появляется застрявшей под текстом «выписка биографии», появляющейся перед 2-й строкой. Проблема с абзацем у меня ломается html? jsfiddle.net/cress/QLgqe/5 - person Cress; 29.12.2011

arrow_upward
0
arrow_downward

Я разобрался! это связано с тем, что анимация начинается с новой строки. Надо было внимательно изучить текст в блоге плагина ~ полезный урок.

Мне удалось обойти проблему, добавив в свой html своего рода подзаголовок, который был не H1 H2 и т. д., а просто жирным шрифтом.

Затем я часами возился с пустыми тегами P, разрывами строк и пробелами: pre-wrap; пока не получил то, что хотел. Это заняло некоторое время, но теперь все работает нормально!

Спасибо всем за помощь, вы вдохновили меня не сдаваться.

person Cress    schedule 05.01.2012