내 .flexslider 콘텐츠가 Wordpress에 표시되지 않습니다.

Question

나는 Wordpress 테마에 Flexslider를 추가했습니다. Flexslider는 제 HTML 모형에서 잘 작동하지만, Wordpress 테마에 구현되면 ".flexslider"클래스 선택기에 내용이 표시되지 않습니다.

프론트 엔드에서 ".flexslider"에 "display : none"속성이있는 것처럼 보입니다.

임로 WooThemes

내 integraton은 다음과 같습니다

에서 워드 프레스 플러그인을 사용하지 :

<script defer src="<?php bloginfo('template_url'); ?>/flex/jquery.flexslider.js"></script> 

<script type="text/javascript"> 
$(function(){ 
SyntaxHighlighter.all(); 
}); 
$(window).load(function(){ 
$('.flexslider').flexslider({ 
slideshow: true, 
controlsContainer: ".flexslider", 


    start: function(slider){ 
    $('body').removeClass('loading'); 
    } 
}); 
}); 
</script> 


<!-- Syntax Highlighter --> 
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/flex/js/shCore.js"></script> 
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/flex/js/shBrushXml.js"></script> 
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/flex/js/shBrushJScript.js"></script> 

<!-- jQuery --> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script>window.jQuery || document.write('<script src="<?php bloginfo('template_url'); ?>/flex/jquery.flexslider.js">\x3C/script>')</script> 

Answer 1

가 보이는 당신이 jQuery no conlict wrapper를 사용할 필요가있다.

jQuery(document).ready(function($) { 
$(function(){ 
SyntaxHighlighter.all(); 
}); 
$(window).load(function(){ 
$('.flexslider').flexslider({ 
slideshow: true, 
controlsContainer: ".flexslider", 


    start: function(slider){ 
    $('body').removeClass('loading'); 
    } 
}); 
}); 
});