2013-12-18 49 views
0

我試圖在我的網站上實現Sorgalla jCarousel,但我似乎無法使其工作,儘管據我所知,我已按指示說明完成了所有工作。我的JCarousel Jquery有什麼問題?

爲了幫助自己思考並簡化情況,我甚至創建了一個只有基本功能的小提琴,即使這樣也行不通!

http://jsfiddle.net/b2cwv/1/

任何建議可能是什麼問題呢?它簡化了我在網站上的內容,但代碼基本相同。

$(document).ready(function() { 

    $(function() { 
     $('.jcarousel').jcarousel({ 
      list: '.jcarousel-list', 
      items: '.jcarousel-item', 
      rtl: true, 
      center: true, 
      animation: 'slow' 
      scroll: '+=1' 
      wrap: 'both' 
     }); 
    }); 

    $('.jcarousel-prev').click(function() { 
     $('.jcarousel').jcarousel('scroll', '-=1'); 
    }); 

    $('.jcarousel-next').click(function() { 
     $('.jcarousel').jcarousel('scroll', '+=1'); 
    }); 
}); 

它只是少了點

+0

控制檯中的任何錯誤? – intelis

+0

有幾個語法錯誤http://jsfiddle.net/arunpjohny/L6hjB/1/ –

+0

每個配置後都加上逗號,像動畫,滾動截至目前我能想到這個,找更多 –

回答

0

添加逗號所有的配置

animation: slow 

後修正CSS列表寬度

width: 2em 

檢查此琴

http://jsfiddle.net/raunakkathuria/b2cwv/2/

它現在的工作

+0

有趣的是,即使[安裝手冊](http://sorgalla.com/jcarousel/docs/reference/installation.html)特別建議20000em,它似乎正是問題的寬度。即使如此,謝謝! – Kasperi

+0

很高興它有幫助,還有一個錯字錯誤,在最後「包裝」有額外的逗號「。如果您找到有用的答案,請注意,因爲它有助於他人和我的聲譽;) –