javascript - 无法实现 jQuery 滑块

Question

我在实现 jquery 滑块 (flexslider) 时遇到问题

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

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

我也在 Gumby 响应式框架中工作

score 1 · Accepted Answer

这是你的问题：

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

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

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

尝试放置您的脚本...

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

在页面底部，包裹在脚本标签中，在正文结束之前，而不是在页面头部内部。脚本一直在等待页面加载完成。

更新！

嘿，到目前为止做得很好！我正在通过 Web 控制台查看您在页面上所做的操作。
如果你想摆脱它...

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

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

score 0 · Accepted Answer

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

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

score 0 · Accepted Answer

As noted, you are having a double reference to the jquery library. Try doing this which will stop the dual references:

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

3 回答 3