2017-04-17 27 views
-1

我正在使用航點,並且無法獲得基本航點的工作。我有兩個JS文件:對Waypoint的引用和主JS文件。當我檢查我的控制檯時,我收到以下錯誤:「未捕獲的ReferenceError:航點未定義。」如何獲得基本的航點工作(無框架);航點未定義

HTML:

<section id="waypoints">content</section> 

HTML文件的底部:

<script src="/js/noframework.waypoints.min.js"></script> 
<script src="/js/main.js"></script> 

主要JS文件包含:

var waypoint = new Waypoint({ 
    element: document.getElementById('waypoints'), 
    handler: function() { 
    console.log('arrived at waypoints'); 
    notify('Basic waypoint triggered') 
} 
    offset: 20 
}) 
+0

請提供代碼示例,瞭解到目前爲止所做的工作。 –

+0

我不好意思,我在添加該信息之前提交了該信息,稍後會添加該信息。 – subwaymaps

回答

0

我需要在我的項目中擁有整個Waypoints目錄,而不僅僅是noframework文件。當我參考我的問題中列出的兩個JS文件時,基本Waypoint有效。

0

你需要在你代碼 -

多了一個JS文件包含
waypoints.js 
+0

謝謝。我正在關注http://imakewebthings.com/waypoints/guides/getting-started/,並選擇通過指令引用無框架版本:「選擇一個符合您需求幷包含它的版本。」這就是我引用noframework.waypoints.min.js的原因。我是否需要在nFramework版本的頂部包含waypoints.js? – subwaymaps

+0

noframework.waypoints.min.js和jQuery和Zepto是航點運行的框架。但對於使用航點功能,您必須包含waypoints.js – pintu