我的 Javascript 无法与我的 HTML 通信。我正在尝试执行滚动功能,但我的 javascript 和 HTML 之间的连接似乎有问题。
Javascript:
$('a[href^="#"]').on('click', function(event) {
var target = $(this.href);
if( target.length ) {
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top
}, 10000);
}
});
HTML:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="parallax.js"></script>
<script type="text/javascript" src="scrollto.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="icon" href="favicon.png" type="image/gif" sizes="16x16">
<title></title>
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" media="screen" href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/1.3.4/jquery.fancybox-1.3.4.css" />
</head>
最佳答案
因为您需要在 body 标记末尾加载scrollto 脚本,以确保加载 DOM。否则,您可以将代码包装在
中$(document).ready(function(){
//your code here
});
或使用排序版本
$(function() {
//your code here
});
关于JavaScript 未加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36909827/