我正在尝试让 fastclick.js 为我工作,以消除点击时 300 毫秒的延迟。由于某种原因,这对我不起作用。我将展示为重现该问题而采取的所有步骤。我真的很感激有人告诉我我哪里出了问题。谢谢!
下载 fastclick.js点击“下载 zip”
将 zip 文件解压到我的项目中
添加
<script type='application/javascript' src='fastclick.js'></script>
然后,添加以下代码:
if ('addEventListener' in document) { document.addEventListener('DOMContentLoaded', function() { FastClick.attach(document.body); }, false); }
- 最后,运行项目,您会注意到控制台显示“FastClick 未定义”,并且 300 毫秒的问题仍然存在
感谢您的宝贵时间。如果有人完成在 javascript 代码中包含 fastclick 的步骤,我将不胜感激。
最佳答案
我假设您以错误的顺序添加脚本。确保<script type='application/javascript' src='fastclick.js'></script>
在您的<script type='application/javascript' src='main.js'></script>
之前.
我使用文件名main.js
表示保存您的代码的 javascript 文件。您可能给它起了一个不同的名称,例如 myJavascriptFile.js
.
<html>
<script type='application/javascript' src='fastclick.js'></script>
<script type='application/javascript' src='main.js'></script>
</html>
如果这不起作用,那么您的源路径可能是错误的。所有文件应位于同一文件夹中,否则您需要更改 src
路径。
编辑:
这是一个示例 index.html 文件。
<html>
<body>
<div id="Console"></div>
<!--<script type='application/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js'></script>-->
<script type='application/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.js'></script>
<script>
if ('addEventListener' in document) {
document.addEventListener('DOMContentLoaded', function() {
FastClick.attach(document.body);
}, false);
}
// TEST: Print FastClick function to the div.
var consoleDiv = document.getElementById("Console");
consoleDiv.innerText = FastClick.toString();
</script>
</body>
</html>
关于javascript - 快速点击指令JS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43697941/