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

Question

我将 Flexslider 添加到 wordpress 主题中。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');
   }
 });
});
});