實現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();
  });

在正文底部結束之前，在頁面底部而不是頁面頂部內，用腳本標簽包裹起來。 腳本一直在等待，直到頁面加載完畢。

更新！

嘿，到目前為止做得好！ 我正在通過網絡控制台在頁面上看到您所做的事情。
如果你想擺脫那個...

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

...然后從頁面頂部刪除jquery 1.6.2文件，然后將fexslider.js文件放在頁面底部。

Answer 2

給#maincontentbody一個height ，也許是75px ，那么所有的孩子都需要有一個定義的height和width ，即使id是width:100% 。 在這種情況下， min-height不是合適的值

您的圖像似乎比綠色條區域大得多，您是否也認為它會動畫？

Answer 3

如前所述，您正在雙重引用jquery庫。 嘗試執行此操作將停止雙重引用：

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