Jquery가 0으로 설정되어 오프셋이 작동하지 않습니다.

Question

확인란에 체크 표시가없는 경우에만 버튼을 클릭하는 툴팁이 있습니다. JQuery를 사용하여 레이블에 상대적인 버튼의 위치를 ​​설정하고 있습니다. 확인란을 선택하고 위의 동일한 시나리오에 대해 표시하면 도구 설명이 숨겨집니다. 나는 $ ('# 툴팁')를 삭제하고 같은

$('#chkbox').change(function(){ 
     if(($('#chkbox').attr('checked')=="checked") && $('#tooltip').is(':visible')==true){ 
      $('#tooltip').hide(); 
     } 
}); 

    $('#Button').click(function(){ 
     if(!($('#chkbox').attr('checked'))) 
     { 
      var lbloffset = $('#Label').offset(); 
      $('#tooltip').offset({top:0,left:0}); 
      $('#tooltip').offset({top:lbloffset.top-25,left:lbloffset.left+$('#Label').width()}); 
      $('#tooltip').show(); 

     } 
    }); 

툴팁 체크 박스 선택에 숨 깁니다하지만 난 다시 선택을 취소하고 버튼을 클릭하면 동일한 위치에 툴팁을 표시해야합니다 ({상단 오프셋 :. 0 , 왼쪽 : 0}); 다시 위치를 재설정하십시오. 그러나 이것은 일어나지 않습니다. 대신 도구 팁이 새 옵셋 위치를 이전 옵셋 위치에 추가하고 페이지의 다른 위치에 표시합니다. 왜 이런 일이 일어나고 있는지 잘 모르겠습니다.

Answer 1

.offset을 한 번만 설정하면됩니다. 어디로 가고 싶은지는 분명치 않지만, 아마도 이것이 원하는 것일 것입니다 :