programing

다른 페이지의 앵커 태그에 대한 앵커 링크가 작동하지 않음

telebox 2023. 10. 29. 19:12
반응형

다른 페이지의 앵커 태그에 대한 앵커 링크가 작동하지 않음

정보:
자체 호스팅 워드프레스 사이트
Uniserver를 사용하는 로컬 호스트에서 테스트하는 것은 물론 FTP가 아닌 회사 로컬 서버에서 호스팅되는 테스트 사이트 및 사전 프로덕션 사이트에서 테스트하는 것입니다.
쟁점.

  • 한 페이지에 앵커 태그를 여러 개 만들었습니다.
  • 다른 페이지의 목록을 통해 해당 앵커 태그에 연결됩니다.

앵커 링크 코드:

<a id="anchorlink1"></a>
<a href="http://fullurlhere/nbs-test-panel-of-diseases-2#anchorlink1">link text</a>

저도 해봤습니다.

<a name="anchorlink1"></a>
<a href="http://fullurlhere/nbs-test-panel-of-diseases-2#anchorlink1">link text</a>

그리고:

<a name="anchorlink1"></a>
<a href="/nbs-test-panel-of-diseases-2#anchorlink1">link text</a>

그리고.

<a name="anchorlink1"></a>
<a href="http://fullurlhere/nbs-test-panel-of-diseases-2/#anchorlink1">link text</a>

결과: 사용자가 다른 페이지에 있는 앵커 링크를 클릭하면 주소 표시줄에 앵커 링크와 함께 전체 URL이 잠시 표시되고 앵커 링크는 제거되고 해당 페이지의 루트 URL만 표시됩니다.

예:1초 동안 표시:

http://fullurlhere/nbs-test-panel-of-diseases-2#anchorlink1

그러면 다음 사항으로 돌아갑니다.

http://fullurlhere/nbs-test-panel-of-diseases-2

문제 해결:저는 다음과 같은 문제를 모두 해결했지만 아무 효과가 없었습니다.

  • .httaccess 파일에서 이 코드를 주석으로 달았습니다: RewriteBase /
  • /를 제거하기 위해 Settings/Permal링크를 업데이트했습니다.
  • Anchor Tags를 삽입하는 TinyMCE Plugin을 설치하여 정확하게 추가하고 있는지 확인합니다.
  • 이름 대신 시도한 ID
  • 앵커 태그를 H4 태그의 안쪽에서 바깥쪽, 문단 전후 및 앞과 바깥쪽으로 이동하여 효과가 있는지 확인하였습니다.(그렇지 않음)
  • 페이지가 아닌 페이지 내부에서 링크를 시도했습니다.이것은 당연히 효과가 있었습니다.
  • 전체 URL을 복사하여 주소 표시줄에 붙여 넣습니다.그것도 효과가 있었습니다.
  • 또한 디브와 헤드링 아이디로 링크를 시도했습니다.앞에 #가 있는 것은 URL에서 간단히 제거되는 것 같습니다.
  • WordPress 테마를 기본 테마로 변경하여 문제가 발생하지 않았습니다.

이 문제는 다른 페이지에서 앵커 태그에 링크하는 경우에만 발생하는 것으로 보입니다.

이슈를 jquery.jstree.js 파일로 압축하였습니다.

어떻게 고쳐야 할지...

어떤 도움이라도 주시면 대단히 감사하겠습니다.

다음을 추가해 봅니다.

<a name="anchorlink1"></a>
<a id="anchorlink1" href="http://fullurlhere/nbs-test-panel-of-diseases-2#anchorlink1">link text</a>

질문에서 얻은 답변

JHP 11/7/13
문제가 js 파일의 특정 코드인 것을 발견했습니다.그 안에 6개의 인스턴스가 들어있었는데 일단 제거하고 나면 모든 것이 정상적으로 작동했습니다.

.replace(/^#/,"")

언급URL : https://stackoverflow.com/questions/19660632/anchor-link-to-an-anchor-tag-on-another-page-does-not-work

반응형