자식 div가 html이 비어있는 경우 자식 div가 비어 있습니다.

Question

자식 div에 내용이 없으면 부모 div를 숨기는 여러 가지 방법을 사용하여 주변을 둘러 보았습니다. 일부 작업에서는 작동하지만 아무것도 작동하지 않습니다. 내 실제 사이트.

Wordpress 플러그인 CPT 부트 스트랩 캐 러셀을 편집 중이며 고객 평가를 표시하는 새로운 맞춤 필드를 추가했지만 현재 클라이언트에서 단 한 번의 고객 평가를 얻었으므로 div가 emtpy 일 때 버튼을 숨기려고합니다. http://rookdesigns.co.uk/portfolio/

여기에 jQuery를 내 HTML과 같습니다 : 여기

페이지에 대한 링크입니다 또한과

떨어져 자식 DIV를 fadeToggle하기 위해 jQuery를이 조각을 사용하고

<div class="test btn btn-primary">Testimonials>> 
    <div class="carousel-quotes"> 
     <?php echo $image[ 'reff']; ?> 
    </div> 
</div> 



jQuery(".carousel-quotes:empty").parent().hide(); 

jQuery(".test").click(function(){ 
jQuery('.carousel-quotes').fadeToggle(); 

이것이 영향을 줄 수 있는지 확실하지 않습니다.

사전

에서

이에 어떤 도움이 아주 많이 감사합니다,

감사 텍스트 노드가 있기 때문에 최고의

해리

Answer 1

:empty가 작동하지 않는 모든. div 내부에 공백이 없기 때문에

당신은 비어, 또는 당신이 사용할 수있는 경우 filter은 PHP를 변경할 수 있습니다 :

jQuery(".carousel-quotes").filter(function() { 
    return !$.trim($(this).text()); 
}).parent().hide(); 

또는 실제로, 특정 사용의 경우에, 우리는 $()를 호출 피할 수 있으며, 필터 기능에 text() : 자바 스크립트가 당신에 의해 허용 솔루션 인 경우

는

jQuery(".carousel-quotes").filter(function() { 
    return !$.trim(this.innerHTML); 
}).parent().hide(); 

Answer 2

,이 조각은 작동합니다 :

JS 작업 3,516,

 var ln = $.trim($('.carousel-quotes').text()); /* trim is important here to remove any white space inside the div */ 
     if (ln.length === 0) 
     { 
      $('.test').hide(); 
     } 

편집

문제의 원인이 될 수있는 페이지에 JS 에러가 :

'fadeSpeed'  : 2000, 
'targetHeight' : 100% 
'effect'  : 'effect-6' 
'direction'  : 'vertical' 

,이가 미 위의 값에서 ssing,

'fadeSpeed'  : 2000, 
'targetHeight' : 100%, 
'effect'  : 'effect-6', 
'direction'  : 'vertical' 

수정 한 후 확인하십시오!