Javascript没有'；t载荷_Javascript_Jquery_Html

Javascript没有'；t载荷

javascript jquery html

Javascript没有'；t载荷,javascript,jquery,html,Javascript,Jquery,Html,我的Javascript不与我的HTML通信。我正在尝试使用scrollto函数，但我的javascript和HTML之间的连接似乎有问题 Javascript: $('a[href^="#"]').on('click', function(event) { var target = $(this.href); if( target.length ) { event.preventDefault(); $('html, body').animate

我的Javascript不与我的HTML通信。我正在尝试使用scrollto函数，但我的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);
    }
});

<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>

HTML:

$('a[href^="#"]').on('click', function(event) {
    var target = $(this.href);
    if( target.length ) {
        event.preventDefault();
        $('html, body').animate({
            scrollTop: target.offset().top
        }, 10000);
    }
});

<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
});

因为您需要在body标记的末尾加载scrollto脚本，以确保加载了DOM。否则，您可以将代码包装到

$(document).ready(function(){
   //your code here
});

或者使用排序版本

$(function() {
    //your code here
});

您可以尝试以下方法：

$('body').on('click', 'a[href^="#"]', function (event) {
  var target = $(this.href);
  if( target.length ) {
    event.preventDefault();
    $('html, body').animate({
        scrollTop: target.offset().top
    }, 10000);
  }
});

您可以用DOM中加载的任何父选择器替换正文。

您可以尝试以下操作：

$('body').on('click', 'a[href^="#"]', function (event) {
  var target = $(this.href);
  if( target.length ) {
    event.preventDefault();
    $('html, body').animate({
        scrollTop: target.offset().top
    }, 10000);
  }
});

您可以用DOM中加载的任何父选择器替换主体