Flexslider可在我的计算机上运行,​​但在线上传后无法加载

时间:2014-08-30 14:39:20

标签: javascript jquery css twitter-bootstrap flexslider

正如标题所示,我目前正在使用我在创建site的WooThemes的Flexslider。

它不在那里但是当我从我的计算机上的文件加载它时它确实有效。以下是我在计算机上加载(正确)的截图:

image as seen loading from fils on my computer

我知道JavaScript可以工作,因为其他脚本工作得很好。 (视差,平滑滚动等)

2 个答案:

答案 0 :(得分:1)

我认为,你的问题是双jQuery加载。您在<head><footer>中添加了jquery。删除其中一个。

答案 1 :(得分:0)

我强烈建议您使用Firebug for Firefox等工具,并学习如何使用它。

访问网站时,Firebug“控制台”标签处于活动状态,此错误立即可见:

TypeError: $(...).flexslider is not a function
$('.flexslider').flexslider();

这可能告诉你两件事之一:

  1. jQuery无法通过$函数名运行(在WP的许多实例中都是如此。请参阅本文中的第5点:http://www.ericmmartin.com/5-tips-for-using-jquery-with-wordpress/
  2. flexslider js文件未加载(事实上,它正在加载)
  3. 所以,改变你的代码:

        <script type="text/javascript" charset="utf-8">
            $(window).load(function() {
                $('.flexslider').flexslider();
            });
        </script>
    

    要:

        <script>
            jQuery(window).load(function($) {
                $('.flexslider').flexslider();
            });
        </script>
    

    它应该有用。