2011-04-25 23 views
0

我想用JSFiddle實現JQuery SerialScroll插件,無論出於何種原因它都不能正常工作。JQuery SerialScroll實現

有沒有人有任何想法,爲什麼?

我認爲這可能是我的JSFiddle中的JavaScript的一些問題。

我複製了jQuery的serialScroll-1.2.2-min.js

這裏是SerialScroll演示頁:http://demos.flesler.com/jquery/serialScroll/

這裏是我的jsfiddle:http://jsfiddle.net/NinjaSk8ter/Pe63x/

雖然他們的演示用了jQuery 1.3 .2 Im使用JQuery 1.5我還選擇了nowrap主體

+0

指向看你的jsfiddle我沒有看到你使用串行滾動的話 - 什麼你想滾動嗎? – Hogan 2011-04-25 22:57:25

+0

@Hogan你是什麼意思?我複製了確切的JavaScript jquery-serialScroll-1.2.2-min.js,在這一點上我只試圖複製Demo – Paul 2011-04-25 23:01:20

+0

以及演示有其他的JavaScript。它需要將插件連接到這個特定的頁面。該文件位於這裏:http://demos.flesler.com/jquery/serialScroll/js/init.js – Hogan 2011-04-25 23:07:31

回答

1

我在jsfiddle中使用1.5.2的演示工作得很好。

http://jsfiddle.net/54au5/1/

注:

我使用的管理資源在serialScroll和scrollTo

+0

@Paul:你正在看我的jsFiddle,而不是Hogan的。我只是用WebKit檢查文檔並抓取需要的CSS和Javascript部分。我將serialScroll和scrollTo插件上傳到entvibes以避免作者泄漏。你也應該把它們上傳到你自己的服務器上。 – entropo 2011-04-25 23:46:43

+0

@entropo我簽出了兩個JSFiddles。 @Hogan使用託管資源添加了這些,您只需添加腳本標記。這傢伙的演示沒有提到需要2個js文件增加混亂 – Paul 2011-04-25 23:50:27

+0

@Hogan我有2個問題。你在JavaScript窗口中粘貼了什麼?你如何找到在託管資源中使用哪個URL? – Paul 2011-04-25 23:51:42

1

SerialScroll是一年前更新的。作爲一個經驗法則,不要使用jQuery上次發佈以來沒有更新過的jQuery插件(例如jQuery 1.3.2是SerialScroll上次更新時的最新版本)。

具有類似功能(和更多)的現代幻燈片插件是Skitter

+0

所以你說,SerialScroll不應該在所有功能?那麼它看起來像Skitter是一個非常酷的SlideShow,但這不是我需要的,它與SerialScroll不一樣。 – Paul 2011-04-25 22:49:26

+0

如果你真的需要SerialScroll提供的東西,我相信它會工作,如果你使用jQuery 1.3.2。 – entropo 2011-04-25 22:56:49

+0

以及你可以在我的JSFiddle中看到,這是行不通的。 – Paul 2011-04-25 22:59:19