2012-11-14 3 views
-2

탭이있는 콘텐츠로 페이지를 만들려고합니다. 기초 탭 (http://foundation.zurb.com/docs/tabs.php)을 사용하고 있습니다.페이지를 새로 고침하고 URL의 ID를 변경하십시오.

<dl></dl> 요소의 바깥 쪽 링크를 만들었고 <a href="#simple5"> 만 사용하면 작동하지 않습니다. 페이지 <a href="#simple5" onClick="window.location.reload(true);">을 다시로드하기 위해 자바 스크립트를 시도했지만 작동하지 않습니다.

어떻게하면됩니까?

답변

2

클릭시 JS를 호출하면 기본 동작 전에 실행됩니다. 해시 태그가없는 페이지를 다시로드합니다.

는 JS와 ID를 추가하려고 : <a href="#" onClick="window.location = '#simple5'; window.location.reload(true);">

또한 등 기능을 사용하여 동적 ID를 얻을 수 있습니다.


죄송합니다.^-^

+0

Worked :)! 도와 주셔서 감사합니다. – euDennis

0

location.reload을 수동으로 수행 할 필요가 없습니다. 새 해시를 탐색하면 페이지를 다시로드하지 않고 URL을 업데이트합니다. DOM에있는 요소의 ID가 simple5이면 브라우저는 해당 요소로 스크롤합니다.

해시 변경 이벤트를 수동으로 확인하거나 변경 사항의 URL, 해당 이벤트를 지원하지 않는 브라우저에 대해 반복적으로 확인한 다음 특정 탭으로 전환하는 등의 작업을 수행 할 수도 있습니다.

브라우저 기록에 탭 간 전환이 반영되도록하려는 경우에 적합합니다. 브라우저 기록에 마커를 남기고 싶지 않은 경우 링크 클릭을 차단하고 표시 할 탭의 표시기로 사용하기 위해 href의 압축을 푼 다음 탭 변경을 수행하고 브라우저가 링크 (실제 해시 변경이 발생하지 않도록)

관련 문제