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

我的.flexslider内容不会在Wordpress中显示

1 个答案: