我的 .flexslider 内容未在 Wordpress 中显示

Question

我在 wordpress 主题中添加了 Flexslider。 Flexslider 在我的 HTML 模型中工作得很好，但是当实现到 Wordpress 主题中时，它现在不会在“.flexslider”类选择器中显示任何内容。

从前端看，“.flexslider”似乎具有“display: none”属性。

我没有使用 Woothemes 的 Wordpress 插件

我的集成看起来像这样：

<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');
   }
 });
});
});