Javascript my.flexslider内容不显示在Wordpress中
我将Flexslider添加到wordpress主题中。 Flexslider在我的HTML模型中工作得很好,但是在Wordpress主题中实现时,它现在不会在“.Flexslider”类选择器中显示任何内容 从前端看,.flexslider似乎具有“display:none”属性 我没有使用Woothemes的Wordpress插件 我的积分器如下所示:Javascript my.flexslider内容不显示在Wordpress中,javascript,jquery,wordpress,flexslider,Javascript,Jquery,Wordpress,Flexslider,我将Flexslider添加到wordpress主题中。 Flexslider在我的HTML模型中工作得很好,但是在Wordpress主题中实现时,它现在不会在“.Flexslider”类选择器中显示任何内容 从前端看,.flexslider似乎具有“display:none”属性 我没有使用Woothemes的Wordpress插件 我的积分器如下所示: <script defer src="<?php bloginfo('template_url'); ?>/flex/jq
<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>
看起来您需要使用
嗯,不,这没用。不过这是一个很好的提示!我不知道noConflict包装器。我现在有了它,仍然不能工作jQuery(function(){SyntaxHighlighter.all();});jQuery(window).load(函数(){jQuery('.flexslider').flexslider({slideshow:true,controlsContainer:“.flexslider”,start:function(slider){jQuery('body').removeClass('loading');}});})代码>
jQuery(document).ready(function($) {
$(function(){
SyntaxHighlighter.all();
});
$(window).load(function(){
$('.flexslider').flexslider({
slideshow: true,
controlsContainer: ".flexslider",
start: function(slider){
$('body').removeClass('loading');
}
});
});
});