2012-05-18 3 views
1

내 웹 페이지에 버튼이 있습니다.이 버튼은 onClick에서 다른 div를 표시하려고합니다. 그러나 버튼을 클릭하면 올바른 div로 갔다가 URL에 깜박입니다. 그런 다음 주 div #home으로 즉시 리디렉션됩니다. 버튼HTML onClick 다른 div로 이동

코드 : 나는 버튼을 클릭하면

<input type="button" class="flip" value="Redirect To Div" onClick="window.location='#targetDiv'" /> 

이 URL이 깜박입니다 :

www.XXXXX.com/#targetDiv

그런 다음 www.XXXXX로 바로 이동합니다. co.kr/# home

div가 표시되지 않는 이유는 무엇입니까? 양식이

 action="" 

또는

 action="#home" 

대신 온 클릭의 전화 기능

 onclick="mylinkfunction()" 

을 ...이 같은

감사

+3

모든 코드를 분명히 표시하지 않습니다. 난 그냥이 피들 (http://jsfiddle.net/schawaska/W2r44/) 귀하의 입력을 테스트하고 그것을 잘 작동합니다 작성했습니다. 당신은 다른 경로를 * # home 경로로 보낸다. – MilkyWayJoe

답변

3

보인다

 <script type-"text/javascript"> 

     function mylinkfunction(e) { 

     window.location.href="#targetDiv"; 

     /* need to stop the form sending of the form 

     UPDATE as comment: This may not be exactly correct syntax 
     for stopping a form , look up preventing form submission */ 

     e.preventDefault(); 
     e.stopPropagation(); 

     } 

    </script> 

또는 양식이 의미도 없습니다 세트 인 경우이 조치는 그리고

 <form action="#targetDiv" method="get"> 
    <input type="submit" value="go"/> 
    </form> 

allogether 자바 스크립트를 제거하지만 당신이 필요로하는 모든 사실에 의한 경우하기 "로 이동이 ..

<a href="#targetDiv">click me</a> 

입니다 다른 div "당신은 새로운 위치로 점프 및 스크롤을 의미합니다 실제로 당신이 갈 필요가있는 앵커입니다

 <a name="targetDiv"/> 
+0

나는 이것을 시도했지만 똑같은 일을한다. 여전히 리디렉션됩니다. – ewein

+0

안녕하세요, 양식 제출을 방지하기위한 올바른 구문을 가지고 있지는 않지만 희망은 개념을 설명합니다. 업데이트 된 답변 –