정의되지 않은 'top'속성을 읽을 수 없습니다. - jQuery

Question

Chrome 개발자 콘솔에서 다음 오류가 발생합니다. 사이트가 페이지에 유휴 상태 일 경우

Uncaught TypeError: Cannot read property 'top' of undefined jquery.tools.min.js:19 
c               jquery.tools.min.js:19 
a.extend.show            jquery.tools.min.js:19 
(anonymous function)          jquery.tools.min.js:19 
b.event.special.(anonymous function).handle     jquery.min.js:4 
b.event.dispatch           jquery.min.js:3 
v.handle 

오류의 양을 사용자로부터 입력이없는 상태로도 계속 증가. 이 원인은 무엇입니까?

탭 jQuery를 :

$(document).ready(function() { 
    $(this).scrollTop(0);              //send user to top of page 

/*********************************************************************************************************** 

LOAD TAB CONTENT 

***********************************************************************************************************/ 
    $("#tabContent1").load("external/content.html", function() {         
    $("#offLogo").css({              //apply CSS to offLogo 
     width: "600px", 
     margin: "auto", 
     padding: "0px 0px 10px 0px" 
    }); 
    }); 
    $("#tabContent2, #tabContent3, #tabContent4, #tabContent5, #tabContent6, #tabContent7").hide();  //hide tab content 

    $("a").hover(function() { 
    $(this).toggleClass('hover');           //toggle the hover class when user hovers over tab 
    }); 

    $('a[name="#tabContent1"]').click(function() {       //when user clicks the tab with the name tabContent1 do the following 
    $("#tab2, #tab3, #tab4, #tab5, #tab6, #tab7").removeClass('activeTab');    //removes the activeTab class from all other tabs 
    $(this).addClass('activeTab');           //adds activeTab class to the tab that was clicked 
    $("#tabContent1").load("external/content.html", function() {   //loads external html file into content pane of the tab 
     $("#offLogo").css({ 
     width: "600px", 
     margin: "auto", 
     padding: "0px 0px 10px 0px" 
     }); 
    }); 
    $("#tabContent1").show();            //shows the content of the tab 
    $("#tabContent2, #tabContent3, #tabContent4, #tabContent5, #tabContent6, #tabContent7").hide(); 
    }); 

    $('a[name="#tabContent2"]').click(function() { 
    $("#tab1, #tab3, #tab4, #tab5, #tab6, #tab7").removeClass('activeTab'); 
    $(this).addClass('activeTab'); 
    $("#tabContent2").show(); 
    $("#tabContent1, #tabContent3, #tabContent4, #tabContent5, #tabContent6, #tabContent7").hide(); 
    }); 

    $('a[name="#tabContent3"]').click(function() { 
    $("#tab1, #tab2, #tab4, #tab5, #tab6, #tab7").removeClass('activeTab'); 
    $(this).addClass('activeTab'); 
    $("#tabContent3").show(); 
    $("#tabContent1, #tabContent2, #tabContent4, #tabContent5, #tabContent6, #tabContent7").hide(); 
    }); 

    $('a[name="#tabContent4"]').click(function() { 
    $("#tab1, #tab2, #tab3, #tab5, #tab6, #tab7").removeClass('activeTab'); 
    $(this).addClass('activeTab'); 
    $("#tabContent4").show(); 
    $("#tabContent1, #tabContent2, #tabContent3, #tabContent5, #tabContent6, #tabContent7").hide(); 
    }); 

    $('a[name="#tabContent5"]').click(function() { 
    $("#tab1, #tab2, #tab3, #tab4, #tab6, #tab7").removeClass('activeTab'); 
    $(this).addClass('activeTab'); 
    $("#tabContent5").show(); 
    $("#tabContent1, #tabContent2, #tabContent3, #tabContent4, #tabContent6, #tabContent7").hide(); 
    }); 

    $('a[name="#tabContent6"]').click(function() { 
    $("#tab1, #tab2, #tab3, #tab4, #tab5, #tab7").removeClass('activeTab'); 
    $(this).addClass('activeTab'); 
    $("#tabContent6").show(); 
    $("#tabContent1, #tabContent2, #tabContent3, #tabContent4, #tabContent5, #tabContent7").hide(); 
    }); 

    $('a[name="#tabContent7"]').click(function() { 
    $("#tab1, #tab2, #tab3, #tab4, #tab5, #tab6, #tab7").removeClass('activeTab'); 
    $(this).addClass('activeTab'); 
    $("#tabContent7").show(); 
    $("#tabContent1, #tabContent2, #tabContent3, #tabContent4, #tabContent5, #tabContent6").hide(); 
    }); 

Tooptip :

$(function() { 
    $(document).tooltip(); //shows title attribute as a tooltip 
    }); 

창 밖으로 당신이 마우스 (크롬의 주소 표시 줄에 말) 때 다음 마우스 탭으로이 오류에 있지만, 마우스를 탭 위에 올려 놓고 마우스를 움직이면 오류가 발생하지 않습니다. 어떤 도움을줌으로써 이것은 힙 이펙트 (tooptip) 기능에 대한 문제로 좁혀졌습니다.

내가 여기에 테스트 케이스 만든

Answer 1

: JQuery와 도구 툴팁 플러그인 단지 문제가있는 것처럼

http://jsfiddle.net/3MxL2/1/

$("a").tooltip(); 

것 같습니다, 당신이 문서 개체에 바인딩하지 않습니다를 . 바인드 할 일반 "a"태그 만 사용하면 정상적으로 작동합니다. 아직 스타일링 오류가 있지만 직접적인 문제를 해결해야합니다.