JQuery와 이하/더 많은 텍스트 동적 콘텐츠

Question

나는이 mustache 템플릿을 가지고있다.

그러나 Information의 최대 길이는 500 자이며 텍스트 자르기 도구를 사용하여 100/150으로 제한하고 싶습니다. 나는 jTruncate를 발견하고 같이 사용하려고 :

$('.infoCap').jTruncate({ 
    length: 100, 
    minTrail: 0, 
    moreText: "[see all]", 
    lessText: "[hide extra]", 
    ellipsisText: " (truncated)", 
    moreAni: "fast", 
    lessAni: 2000 
}); 

을하지만이 동적으로 추가 콘텐츠를 작동하지 않습니다. on()을 사용해야하지만,이 목적을 위해 jTruncate가 지원된다는 사실을 알 수있는 이벤트는 없습니다.

그래서 저는 여기에 붙어 있습니다. 어느 누구도이 일을 수행하는 방법을 알고 있습니까? jTruncate 일 필요는 없습니다.

Answer 1

AJAX 호출의 success 함수에 $('.infoCap').expander();을 추가하여 이것을 수정했습니다.

expander()은 JTruncate와 동일한 기능을하지만 몇 가지 옵션이있는 다른 플러그인에서 가져온 것입니다.

Answer 2

Mustache doesn't handle events properly과 다소 관련된 소리입니다. 콜백 옵션 만 있으면 템플릿에 렌더링 시간이 생길 수 있습니다.

Answer 3

처음으로 이런 종류의 문제가 발생했습니다. 아마도 트릭은 '.service-listitem'바로 전에 value 속성을 요소에 할당하는 것입니다.

콘텐츠를 동적으로 추가 할 때마다 값 속성을 다른 값으로 무작위로 변경합니다. 이 방법으로 나는 당신이 잠재적 인 '변화'사건을 창조한다고 생각합니다. 그 다음 작동하는 경우

는이 같은 뭔가가 용이 :이 문제에 직면

$('.element_with_value').on('change', function(){ 

    $('.infoCap').jTruncate({ 

     length: 100, 
     minTrail: 0, 
     moreText: "[see all]", 
     lessText: "[hide extra]", 
     ellipsisText: " (truncated)", 
     moreAni: "fast", 
     lessAni: 2000 

    }); 

}); 

처음 그래서이 잠재적 인 솔루션입니다.