JQuery ToggleClass 및 브라우저 이동

Question

나는 아주 간단한 toggleClass 변경하는 모양의 링크를 클릭했을 때.훌륭한 작품에서 떨어져 중 하나는 것입니다.시 링크를 클릭하면 브라우저 초점이 변화를 오른쪽 상단의 페이지입니다.이것은 성가신 경우에는 링크는 맨 아래의 페이지입니다.

사용할 수 있는 다른 요소와 같은 범위의 조악하지만,저는 호기심을 알고 있는 경우에는 솔루션을 제 질문입니다.

예 링크를 사용:

<a class="share-this" href="#">Share This</a>

Answer 1

또는이 기능도 도움이 될 수 있습니다.

$('.share-this').toggleClass('some-class-that-is-toggled').click(function(e) {
    return false;
});

Answer 2

링크를 클릭할 때 그가'#'에 지정된 href 는 무엇입 취하는 화면입니다.

당신이 무엇을 해야 할지 이 기본 브라우저는 작업입니다.하여 이 작업을 수행할 수 있습 click 이벤트를 처리하고 방지에서 버블링(는 브라우저는 다음을 처리).

을 방지할 수 있습니다 기본 동작을 클릭합니다.

$('.share-this').toggleClass('some-class-that-is-toggled').click(function(e) {
    e.preventDefault();
});

Answer 3

아무데도 가지 않으면 링크를 사용하는 이유는 무엇입니까? 토글 코드를 다른 요소 유형에 추가하십시오. 주변의 작업을 피할뿐만 아니라 의미 적으로 정확하고 유지하기에 더 명확해질 것입니다.

Answer 4

솔루션 ->

<a class="share-this" href="javascript:void(0);">Share This</a> 

이것은 href = "#"사용 "JavaScript : void (0);"때문에 발생합니다. 대신에 #.

또한 URL을 변경합니다

http : // localhost : 8080/appname 에게 http : // localhost : 8080/appname#