Javascript 我的jQuery脚本没有'；我不在莫兹拉工作_Javascript_Jquery

Javascript 我的jQuery脚本没有'；我不在莫兹拉工作

javascript jquery

Javascript 我的jQuery脚本没有'；我不在莫兹拉工作,javascript,jquery,Javascript,Jquery,我尝试使用jquery将页面滚动到各个部分。它在Google Chrome中工作，但在Mozilla Firefox中什么也没发生以下是我的html代码： <!DOCTYPE html> <html> <head> <title>LP Portfolio</title> <meta charset="utf-8"> <meta name="viewport" content="width=d

我尝试使用jquery将页面滚动到各个部分。它在Google Chrome中工作，但在Mozilla Firefox中什么也没发生

以下是我的html代码：

<!DOCTYPE html>
<html>

<head>
    <title>LP Portfolio</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://fonts.googleapis.com/css?family=Archivo+Narrow|Lobster+Two|Lora|Vollkorn" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>

<body>
    <div id="container">
        <div class="hero">
            <div id="header">
                <div id="header-logo">
                    <img src="images/logo.png" alt="header-logo">
                </div>
                <div id="header-opis">
                    <h2><span class="prvo-slovo">L</span>uka <span class="prvo-slovo">P</span>aradzik</h2>
                    <h3>Web Developer</h3>
                </div>

                    <nav>
                        <ul>
                            <li><a href="index.html">Home</a></li>
                            <li><a id="about" href="#aboutSection">About</a></li>
                            <li><a id="portfolio" href="#portfolioSection">Portfolio</a></li>
                            <li><a id="gallery" href="#gallerySection">Gallery</a></li>
                            <li><a id="blog" href="#blogSection">Blog</a></li>
                            <li><a id="contact" href="#contactSection">Contact</a></li>
                        </ul>
                    </nav>

                <div id="header-menu-gumb">
                    <a href="#"><img src="images/menu.png"></a>
                </div>
            </div>
        </div>

        <div id="aboutSection">

在Mozilla浏览器控制台中，我遇到以下错误：

TypeError: $(...).offset(...) is undefined  scrolling.js:19:15

在谷歌chrome中，一切都完美无瑕

谢谢你的帮助。也很抱歉对问题的错误解释。

我是新手，我只想学习新东西。

从我所看到的情况来看，您并没有实际加载到

scrolling.js

。您可以发布代码而不是图像吗？jQuery在Mozzila中工作。这是另外一件事，但事实并非如此，缩小问题范围是你的工作。请在某个地方粘贴您的scrolling.js脚本，以便查看和调试。您提供的脚本不包括引发实际错误的脚本。我设法解决了问题。在jQuery脚本中，我在动画函数所在行的html和body标记之间添加了一个逗号。然后它也可以在Mozilla Firefox中使用。它在谷歌浏览器中没有逗号，所以对我来说有点困惑。

$(document).ready(function() {
    skrolanjeStranice();
});

function skrolanjeStranice() {

    $("nav a").click(function(e) {

        e.preventDefault();

        var sectionID = e.currentTarget.id + "Section";


        $("html body").animate({

            scrollTop: $("#" + sectionID).offset().top

        }, 1000)
    })
}

TypeError: $(...).offset(...) is undefined  scrolling.js:19:15