jquery로 데이터베이스 출력을 축약합니다.

Question

jquery를 사용하여 머리글에 표시된 문자의 양을 제한하는 방법을 찾고 있습니다. 본질적으로 제목은 데이터베이스에서 수집되지만 결과는 한 줄로 표시되므로 출력을 제한하거나 아래 이미지를 너무 멀리 아래로 밀어 넣지 않으려 고합니다.

다음 Live example은 제가 의미하는 모든 것을 보여 주어야합니다. 조금 아래로 스크롤하면 2 또는 3 줄의 이미지 제목이 표시됩니다.

희망을 남길 수 있습니다. !!!!

Answer 1

(테스트되지 않은,하지만이 아이디어를 제공),하지만 당신은의 프런트 엔드를 다듬을 경우 당신은 파악해야 할 것이다 제목 또는 백 엔드. Lots of examples. 나는 나의 자신의 wordpress 위치에 제목을 가진 손질을 사용한다. the_title 대신 게시물 제목의 처음 13자를 잘라냅니다. 단지 문자의 수 표시를 제한하려면이 옵션을 사용하는 방법은

<?php $mytitle = get_the_title(); $mytitle = substr($mytitle,13); echo $mytitle; ?>

Answer 2

댄, 나는 당신이 찾고있는 것에 대해 약간 혼란 스럽지만, 어떤 코드가 특정 필드의 글자 길이를 줄이기를 원하는 것처럼 들린다. 이 질문에 PHP라는 태그가 붙어있는 것을 보았습니다. 아마도 서버 쪽을 처리하는 것이 더 나을 것입니다. 그러나 Jquery를 사용하도록 설정했다면 쉽게 수행 할 수 있습니다.

알아 두어야 할 핵심 사항은 페이지 내의 필드 태그를 식별하는 데 사용할 패턴 (즉, 원하는 태그를 선택하기 위해 어떤 종류의 jquery 선택기를 쓸 것인지)입니다. 일단 그것이 끝나면, 자바 스크립트의 .slice() 함수는 원하는 것을 얻을 것입니다.

그래서 여기 예가 있습니다. 연결된 페이지를 기반으로 목록 항목의 직접 하위 항목 인 앵커 태그의 직접 하위 항목 인 span 태그를 선택하여 필드 출력을 선택할 수 있습니다.

그런 다음 여기에서 스팬의 내용을 가져 와서 너비를 확인하고 필요한 경우자를 수 있습니다.

T. 스톤이 말한대로, 일하는 것이 PHP와 트림

<script type="text/javascript"> 

    var MAX_TITLE_LENGTH = 75; 

    // on page load... 
    $(function() { 
     truncateImageTitles();  
    }); 

    function truncateImageTitles() { 
     $('li > a > span').each(
      if (this.text().length > MAX_TITLE_LENGTH) 
       this.text(this.text().slice(0,MAX_TITLE_LENGTH)); 
     ); 
    } 

</script>