Я добавил скрипт на свою страницу, чтобы урезать и добавить ссылку показать больше для всего, что больше 100 символов. После того, как я добавил это, мой текст больше не ломается на новых результатах примечаний. Я пытаюсь прояснить это.
В моем запросе я оставлен Joining и group_concat на заметку. Это будет захватывать любые заметки в БД и группировать их вместе с разделителем
.
GROUP_CONCAT(n.note, " - (Contacted By: ", n.user, ")" ORDER BY n.note_id separator "<p></p>") as all_notes
Тогда в моем javascript у меня есть это
<script>
$(document).ready(function(){
var maxLength = 100;
$(".show-read-more").each(function(){
var myStr = $(this).text();
if($.trim(myStr).length > maxLength){
var newStr = myStr.substring(0, maxLength);
var removedStr = myStr.substring(maxLength, $.trim(myStr).length);
$(this).empty().html(newStr);
$(this).append(' <a href="javascript:void(0);" class="read-more">Read More...</a>');
$(this).append('<span class="more-text">' + removedStr + '</span>');
}
});
$(".read-more").click(function(){
$(this).siblings(".more-text").contents().unwrap();
$(this).remove();
});
});
</script>
<style>
Таким образом, это сломает что-то более 100 символов и добавит Read More ... Проблема в том, что, если у меня есть 2 записи заметок для этой строки, они просто складывают их все вместе.
03/20/2020 03:23: Called and left voicemail - (Contacted By: )03/20/2020 01:37: Unlimited $45 plus l oyalty 2 lines, could save $10/mo with autopay. - (Contacted By: Nate)
Это должно быть таким
03/20/2020 03:23: Called and left a voicemail - (Contacted By Jake )
03/20/2020 01:37: Unlimited $45 plus loyalty 2 lines, could save $10/mo with autopay. - (Contacted By: Nate)
Вот мой TD
echo "<td class='notes show-read-more'>" . $notes. "</td>";
Может кто-нибудь сказать мне, как добиться этого с текущей настройкой? Я попытался удалить диапазон в javascript и добавить <p>
, но это не сработало. Я также попытался изменить свой оператор sql на <br />
, но это также не сработало. Добавление в JS $(this).prepend('<br />');
тоже ничего не делало.
Спасибо