웹 양식의 데이터베이스에서 뉴스 항목 목록을 표시해야합니다. 페이지로드시 각 항목에 대해 일정한 양의 데이터 (특정 높이 또는 문자 수)를 표시하고 전체 단락을 표시하는 MORE 버튼이 있습니다. hide 태그 나 slideUP/Down을 사용하여 전체 DIV 태그를 숨기는 방법을 보았습니다. 그러나 어떻게하면 그 부분을 숨길 수 있습니까? 고맙습니다.jQuery를 사용하여 DIV 태그 내의 일부 내용을 숨기는 방법
다른 제안은 서버 측에서 특정 범위 태그에 추가 텍스트를 넣는 것입니다.
<p>some text <span class='extra'> the extra text </span></p>
그런 다음 js에서 원하는대로이 기간을 전환 할 수 있습니다.
콘텐츠를 다른 HTML 요소로 분리해야합니다. HTML을 보낼 때 그렇게하지 않으면, 그것을 위해 JQuery 명령어를 만들어야한다. 그런 다음 보지 않으려는 요소를 숨기고 나중에 표시 할 수 있습니다.
이
$("#myDiv").css("overflow","hidden").height(100);
을 시도 할 수 있습니다 그리고 당신은 문자의 수를 계산하기를 원한다면 당신은이 같은 해킹 할 수있는 :
function GetHeightForChars(txt){
return $("#myDiv").text(txt).height();
}
을 그리고 텍스트의 서로 다른 양의 그 함수를 호출 유지 너가 좋아하는 높이를 얻을 때까지. div가 DOM에 연결되어 있지 않은 경우에는이 작업을 수행하는 것이 좋습니다. 그렇지 않으면 이상하게 보일 수 있습니다.
감사합니다. Elzo-이 아이디어에 대해 생각했지만 이상하게 보일 수 있다고 생각했습니다. 나는 그것을 풀어줄 것이고, Mikes 해킹들도 끌어낼 것이다. 고마워. –