Javascript Swipe.js在Meteor中不工作
我正在构建一个带有图像滑块的页面。我在以前的一个项目中测试过JS和HTML,而不仅仅是在Meteor上使用它 我用Javascript Swipe.js在Meteor中不工作,javascript,meteor,Javascript,Meteor,我正在构建一个带有图像滑块的页面。我在以前的一个项目中测试过JS和HTML,而不仅仅是在Meteor上使用它 我用mrtaddjquery添加了jQuery,然后将其他javascript文件添加到我在client/lib创建的文件夹中。但现在我得到了这个错误 ReferenceError: Swipe is not defined 这是我的模板 <template name="imageSlider"> <h1>Cases</h1> <di
mrtaddjquery
添加了jQuery,然后将其他javascript文件添加到我在client/lib
创建的文件夹中。但现在我得到了这个错误
ReferenceError: Swipe is not defined
这是我的模板
<template name="imageSlider">
<h1>Cases</h1>
<div class="casesContainer">
<div class="caseTitle">
<span class="caseNumber">Case</span>
<div class="wrap">
<span class="caseBack" onclick='mySwipe.prev()'>Back</span>
<span class="caseForward" onclick='mySwipe.next()'>Forward</span>
</div>
</div>
<div id='caseSlider' style='max-width:500px;margin:0 auto' class='swipe'>
<div class='swipe-wrap'>
<div><b>0</b></div>
<div><b>1</b></div>
<div><b>2</b></div>
<div><b>3</b></div>
<div><b>4</b></div>
<div><b>5</b></div>
</div>
</div>
</template>
正如评论中提到的,它看起来像是一个名称空间问题
在打开文件并查看之后,它似乎就是这样
如果您查看函数:
function Swipe(container, options) {
"use strict";
// utilities
var noop = function() {}; // simple no operation function
var offloadFn = function(fn) { setTimeout(fn || noop, 0) }; // offload a functions execution
// chec...
您将看到它不在全局范围内。在meteor中,当您使用function关键字定义函数时,它只能在该文件中访问。要使其全球化,您应将其更改为:
Swipe = function(container, options) {
"use strict";
// utilities
var noop = function() {}; // simple no operation function
var offloadFn = function(fn) { setTimeout(fn || noop, 0) }; // offload a functions execution
// chec...
错误可能在您的swipe-init.js文件中。如果我不得不猜测这是一个名称空间问题,我对文件进行了更改,正如您所提到的。但我还是犯了个错误。控制台说这是因为我的Swipe-init.js中有一行
window.casesslider=Swipe(elem,{
)
Swipe = function(container, options) {
"use strict";
// utilities
var noop = function() {}; // simple no operation function
var offloadFn = function(fn) { setTimeout(fn || noop, 0) }; // offload a functions execution
// chec...