Question

在ie9中为以下代码获取.top undefined或null错误：

jQuery('#menu').menu();
jQuery('#menu').find('a').click(function(e){
    if(jQuery(window).width() < 767) {
        jQuery('#menu').toggleClass('show');
    }
    var $go_to = jQuery(this).attr('href');
    var param = $go_to.split('#')[1];
    var $go_to_url = $go_to.split('#')[0];
    var $current_url = window.location.href.split('#')[0];      
    var scroll_distance = jQuery('#'+param).offset().top;
    function cleanURL(url) {
            if(url.match(/http:\/\//))
            {
                url = url.substring(7);
            }
            if(url.match(/^www\./))
            {
                url = url.substring(4);
            }

            return url;
    }
    $go_to = cleanURL($go_to_url);
    $current_url = cleanURL($current_url);
    if(jQuery(this).closest('#menu').hasClass('render')) {
        if(param) {
            e.preventDefault();

            if(jQuery('#'+param).length > 0) {

                if(jQuery(window).width() > 767){
                    if(jQuery('.header').hasClass('sticky')){
                        scroll_distance = scroll_distance - jQuery('.header').outerHeight(); 
                    } else {
                        scroll_distance = scroll_distance; 
                    }
                }

                if($go_to == $current_url) { 

                    jQuery('html, body, document').stop().animate({scrollTop: scroll_distance }, 1000, 'easeOutQuart', function(){
                        window.location.hash = param;
                        jQuery('html, body, document').stop().animate({scrollTop: scroll_distance }, 0);
                    });
                }
                else {
                    window.location = $go_to_url+'#'+param;
                }
            } else {
                window.location = $go_to_url+'#'+param;
            }
        } else {
            window.location = $go_to_url;
        }
    }
});

请帮忙！基本上，菜单应该能够点击“一页”网站上的相应部分。但也有单个博客帖子的子页面。在这些单个博客帖子页面上，单击菜单项时，将引发错误。我的信念是它与子页面上没有参数（也不是空白参数）有关，而是与子页面URL相关。想法？

Answer 1

我建议更换这一行：

var scroll_distance = jQuery('#'+param).offset().top;

有这样的事情：

var scroll_distance = jQuery('#'+param).length ? jQuery('#'+param).offset().top : 0;

如果jQuery('#'+param)没有返回任何对象，则.offset()未定义。

通过这种方式，您可以测试scroll_distance是否已定义，并且仅在以下情况下尝试其他操作：

if (scroll_distance) {  
  //your logic goes here
}

.top jQuery与null .top的问题

1 个答案: