爲什麼ascensor.js插件不起作用？

我正在使用插件ascensor.js，我試圖做一個簡單的例子，但它不起作用，我看不到錯誤。爲什麼ascensor.js插件不起作用？

的代碼在下文中撥弄：http://jsfiddle.net/C2vLH/2/

$(document).ready(function() { 
    $('#ascensorBuilding').ascensor({ 
     ascensorName: 'ascensor', 
     childType: 'section', 
     ascensorFloorName: ['hello1', 'hello2', 'hello3', 'hello4'], 
     time: 1000, 
     windowsOn: 1, 
     direction: "chocolate", 
     ascensorMap: [ 
      [1, 0], 
      [1, 1], 
      [2, 1] 
     ], 
     easing: 'easeInOutQuad', 
     keyNavigation: true, 
     queued: false, 
     queuedDirection: "y", 
     overflow: "hidden" 
    }); 
});

HTML

<button class="ascensor ascensorLink0">hello1</button> 
<button class="ascensor ascensorLink1">hello2</button> 
<button class="ascensor ascensorLink2">hello3</button> 
<button class="ascensor ascensorLink3">hello4</button> 

<div id="ascensorBuilding"> 
    <section>Hello1</section> 
    <section>Hello2</section> 
    <section>Hello3</section> 
    <section>Hello4</section> 
</div>

在結果中，我看到了同一頁面中的所有部分，並且當我單擊按鈕時不會發生任何事情...

你知道有什麼類似的效果的插件嗎？

任何提示或建議，將不勝感激。如果您需要更多信息，請告訴我，我將編輯帖子。

來源

2013-05-19 harrison4

存在多個問題，它們並不簡單（除非登錄者腳本的版本已過時）。第一個問題非常簡單，並說明了最初的問題 - 一些文檔與代碼不匹配。特別是，該案件不符。

例如，您有childType: 'section'（小寫字母c），但您需要ChildType: 'section'大寫字母C.在所有設置中均如此。

修好後，樂趣開始！您指定的各種數組遵循文檔，但jsfiddle中的升序腳本嘗試解析字符串。 "hello1 | hello2 |..."與['hello1', 'hello2'...]（AscensorMap的類似問題）。可能參與者腳本引用是指過時的版本，或者插件已更改，並且文檔尚未更新。

來源

2013-05-20 00:25:04 veritasetratio

Hellyeah！就是這樣，github的版本工作完美：https://github.com/kirkas/Ascensor.js這裏是一個小提琴：http://jsfiddle.net/C2vLH/14/ – harrison4

現在的答案現在是相反的。

使用最新版本的Ascensor（1.8.0（2014-02-23）），您必須以小寫字母指定屬性名稱。

例如將ChildType: 'section'更改爲childType: 'section'。

不幸的是網絡上的例子都使用舊版本。

來源

2014-02-25 15:01:15

爲什麼ascensor.js插件不起作用？

回答

相關問題