无法实现jQuery滑块

Question

我无法实现jquery滑块（flexslider）

我觉得我错过了一些非常基本的东西，但由于某种原因，我无法将手指放在上面。任何帮助都会很棒。测试网站的链接如下。

我试图让滑块出现在空的绿色区域。

我也在使用Gumby响应式框架

http://4grain.bmdigitalgroup.com/

Answer 1

这是你的问题：

 Uncaught TypeError: Object [object Object] has no method 'flexslider'

...看起来像是在flexslider文件之后加载你的jquery文件。尝试将所有.js文件保存在一个位置，并将jquery文件放在所有文件的顶部。

您在同一页面上加载了2个jquery文件。你应该只需要一个，除非你故意试图加载其中的两个..

尝试放置脚本......

  $(window).load(function() {
    $('.flexslider').flexslider();
  });

页面底部的

，包含在脚本标记中，在正文结束之前，而不是在页面的头部内部。脚本正在等待，无论如何都要加载页面。

UPDATE！

到目前为止，你好工作！我通过网络控制台看到你在你的页面上做了什么 如果你想摆脱那个......

Uncaught TypeError: Object [object Object] has no method 'on' 

...然后从页面顶部删除jquery 1.6.2文件，并将fexslider.js文件放在页面底部。

Answer 2

给#maincontentbody一个height，也许75px，然后所有的孩子都需要定义height和width，即使是width:100%也是min-height 1}}。在这种情况下，{{1}}不是合适的值

你的图像看起来比绿色区域大得多，你认为它会有动画效果吗？

Answer 3

如上所述，您正在对jquery库进行双重引用。尝试这样做会停止双重引用：

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