我的.flexslider內容不顯示在Wordpress中

Question

我將Flexslider添加到WordPress主題中。 Flexslider在我的HTML模型中工作得很好，但是當實現到Wordpress主題中時，它現在不會在「.flexslider」類選擇器中顯示任何內容。

從前端看起來好像「.flexslider」具有「display：none」屬性。

林不使用WordPress插件從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'); 
    } 
}); 
}); 
});