Turn.js：使用雙頁查看格式無法正常工作的響應式設計

我正在使用turn.js。我沒有成功整合API，所以我開始使用JSFiddle來了解我犯的錯誤。我遵循的示例是從Creative Technologist與JSFiddle Demo。但是，當我做一個簡單的複製和粘貼，我無法得到一個工作演示my demo。本書的頁面沒有被隱藏。Turn.js：使用雙頁查看格式無法正常工作的響應式設計

當我在本地運行的代碼，我得到以下錯誤

Uncaught TypeError: undefined is not a function

下面是部分代碼在瀏覽器是指導我：

plugins: function() { 
    // run the plugin 
    $(this.el).turn({ 
    gradients: true, 
    acceleration: true 
    }); 
    // hide the body overflow 
    document.body.className = 'hide-overflow'; 
}

如果這一指向線路

$(this.el).turn({

我目前使用的是turnjs4和jquery 2.1.1。

更新： 我能夠完成本地查看。我目前在我的服務器堆棧中使用把手。當我注入turn.min.js腳本時，它與插入jQuery腳本的佈局沒有正確的順序。我甚至試圖重新排列模板的順序，以便在佈局中的jQuery腳本之後進行turn.min.js注入，但它仍然不起作用。

最終的解決方案是在佈局文件中包含jQuery腳本之後的turn.min.js腳本！這樣就定義了jQuery腳本中的turn.min.js文件調用函數。

來源

2014-10-08 JnL

jsfiddle可能你犯了一些錯誤，當你添加外部資源時，i'v試圖再次添加turn.js使用這個鏈接（複製粘貼到外部資源框）http://www.turnjs.com/lib/turn.min.js，似乎工作。爲您的本地文件嘗試添加此<head>

<script src="http://www.turnjs.com/lib/turn.min.js"></script>

來源

2014-10-08 19:26:15

小提琴工作。我仍然遇到與本地觀看相同的問題。我檢查了該頁面並查看了turn.min.js加載。我把它放在標籤之前，但它仍然是JSFiddle中的同一個錯誤，因爲這是我放置所有j的更快速查看的地方。這很奇怪，因爲我在JSFiddle中看到了溢出錯誤，但JSFiddle正在工作，我很困惑於本地測試。 – JnL 2014-10-08 20:55:53

你正在加載jquery之前tourn.js？類似： <腳本類型= 「文本/ JavaScript的」 SRC = 「jquery.min.js」> <腳本類型= 「文本/ JavaScript的」 SRC = 「turn.min.js」> 更改爲您的jQuery版本和您的文件路徑 – 2014-10-08 21:42:54

您是對的。我沒有在turn.min.js文件之前加載jQuery。這花了一些時間，但我最終不得不將turn.min.js放到jQuery腳本之後的佈局中。〜謝謝，做得很好。 – JnL 2014-10-08 21:45:16

Turn.js：使用雙頁查看格式無法正常工作的響應式設計

回答

相關問題