체크 박스를 클릭하면 페이지가 위로 이동합니다.

확인란을 클릭하면 handleNotableTypeSelect 메서드가 호출됩니다. 모든 것이 정상적으로 작동하지만 페이지가 위로 이동합니다.체크 박스를 클릭하면 페이지가 위로 이동합니다.

this.$hideInactiveCheckbox.click(
    this.handleNotableTypeSelect.createDelegate(this)); 
    handleNotableTypeSelect: function(e) { 
     //e.preventDefault(); 
     if (this.$hideInactiveCheckbox.attr('checked')) { 
      this.isActive = "^active$";  
      this.$connTable.fnFilter(this.isActive, 1,true);  
     } 
     else { 
      this.$connTable.fnFilter('', 1); 
     } 
     //return false; 
    }

출처

2011-12-20 user1107009

코드를 조금 더 편집하십시오! 자주 묻는 질문을 확인하십시오! 너무 지저분 해. –

거기에 'else'가있는 이유는 무엇입니까? – Purag

예제 페이지를 보여줄 수 있습니까? [jsFiddle] (http://jsFiddle.net)? 어쩌면 클릭의 행동에 영향을 미치는 자바 스크립트 코드가 더 많을 수도 있습니다 ... –

이것은 다음과 같은 문제와 관련된 수

input checkbox in div jumps to top of page on firefox

실제로 프레임 워크의 모든 종류의 이것에 대해 오류를보고 있었고, 대부분의 사람들이 프레임 워크 구체적인 답변을 게시 . 확인란을 숨기고 있다면 display : none을 사용해보십시오. 위의 게시물에서 작동하는 것으로 보입니다. 나는 여전히 수정 사항을 사냥하려고하고있다. (왜냐하면 나는 내 체크 박스를 숨기고 있지 않기 때문에, 모달의 체크 박스가 화면을 클릭 할 때 모달의 맨 위로 이동하는 이유를 알아 내려고 노력하고있다).

출처

2014-08-13 15:48:53 ansorensen

display : 아무 것도 트릭을하지 못했습니다. 나는 화면에 레이블이있는 -999px, -999px에 체크 박스를 숨기고있었습니다. 라디오 버튼과 달리 하나를 클릭하면 화면이 스크롤되어 선택한 확인란이 표시됩니다. 나는 원래 표시를 피했다. 왜냐하면 그 확인란을 비활성화하는 데 사용 되었기 때문이다. 이것은 더 이상 사례가 아니며 IE6 일 수 있습니다. display : none이 페이지의 작동을 방해하면 position : relative를 시도 할 수 있습니다. 왼쪽 : -999 픽셀이므로 표시하려고 할 때 세로로 스크롤되지 않습니다. – Mike

확장 프로그램에서이 문제가 발생합니다. 그것은 나를 위해 숨겨진 체크 박스가 아니야. 이 체크 박스는 텍스트 상자를 활성화 또는 비활성화하는 클릭을 트리거합니다. 텍스트 상자가 활성화되거나 비활성화되면 Firefox는 페이지 상단으로 이동합니다. 왜 이런 일이 일어나고 있는지, 그리고 12 가지 해결 방법을 시도했는지 전혀 알 수 없습니다. – JeffG

체크 박스를 클릭하면 페이지가 위로 이동합니다.

답변

관련 문제