2014-04-21 2 views
0

wordpress에 다음 함수를 삽입하려고하지만 동일한 함수가 피들에서 작동하는 반면 작동하지 않는 것 같습니다. 나는 워드 프레스에 내 페이지 템플릿에 다음 코드를 배치 한하고 코드에서WordPress - jQuery 함수 삽입

<script type="text/javascript"> 
    jQuery(function($){ 
    $('div.tags').delegate('input:checkbox', 'change', function() { 
     var $lis = $('.results > li').hide(); 
     //For each one checked 
     $('input:checked').each(function() { 
       $lis.filter('.' + $(this).attr('rel')).show(); 
     }); 
    }); 
}); 

</script> 
+0

'WordPress template'에'jQuery library'에 대한 참조를 추가했는지 확인하십시오 –

+4

브라우저 콘솔에 오류가 있습니까? –

+0

오류가 없으며 요소를 검사 할 때 스크립트가 나타나지 않는 것 같습니다. 웹 사이트 링크는 [here] (http://hbz.dev.mosaic.co.ke/?page_id=2) – user2798091

답변

0

이 몇 가지 오류를 작동하지 않는 것

$(function(){ 
    $('div.tags').delegate('input:checkbox', 'change', function() { 
     var $lis = $('.photo').hide(); 
     //For each one checked 
     $('input:checked').each(function() { 
       $lis.filter('.' + $(this).attr('rel')).show(); 
     }); 
    }); 
    }); 

jQuery를.

  1. $('.results > li') 반환 빈 당신이 rel에 대한 flower을 넣어하고 div 당신이 사용하고
  2. Flower 확인란에는 .results > li 요소가 없기 때문에 flowers 당신은 imagediv 컨테이너를 선택해야

시도해보십시오.

jQuery(function($) { 
    $('div.tags').delegate('input:checkbox', 'change', function() { 
     var $div = $('div.photo').hide(); 
     $('input:checked').each(function() { 
      $div.filter('.' + $(this).attr('rel')).show(); 
     }); 
    }); 
});