如何修复我的jQuery以停止发出错误

时间:2015-10-08 19:26:29

标签: javascript jquery html

错误消息显示"无法获取属性' top'未定义或空引用。第13行第9行

/*!
 * Start Bootstrap - Creative Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

(function($) {
    "use strict"; // Start of use strict

    // jQuery for page scrolling feature - requires jQuery Easing plugin
    $('a.page-scroll').bind('click', function(event) {
        var $anchor = $(this);
        $('html, body').stop().animate({
            scrollTop: ($($anchor.attr('href')).offset().top - 50)
        }, 1250, 'easeInOutExpo');
        event.preventDefault();
    });

    // Highlight the top nav as scrolling occurs
    $('body').scrollspy({
        target: '.navbar-fixed-top',
        offset: 51
    })

    // Closes the Responsive Menu on Menu Item Click
    $('.navbar-collapse ul li a').click(function() {
        $('.navbar-toggle:visible').click();
    });

    // Fit Text Plugin for Main Header
    $("h1").fitText(
        1.2, {
            minFontSize: '35px',
            maxFontSize: '65px'
        }
    );

    // Offset for Main Navigation
    $('#mainNav').affix({
        offset: {
            top: 100
        }
    })

    // Initialize WOW.js Scrolling Animations
    new WOW().init();

})(jQuery); // End of use strict

每当我点击此链接时,都会收到JavaScript错误

<a href="#about" class="btn btn-primary btn-xl page-scroll">OCTOBER 9, 2015 12 - 2 PM<br>JURY ASSEMBLY</a>

请帮忙

1 个答案:

答案 0 :(得分:1)

您可能想要检查是否存在id =“about”的对象。 当我添加你的代码时......

<div id="about">this is about div</div>

Jquery无法获取不存在的对象的偏移量...

http://jsfiddle.net/jkrielaars/3gx4atdt/