location.hash를 통해 특정 앵커 요소를 선택하세요.

Question

다른 페이지의 링크를 클릭할 때 웹 페이지의 특정 탭 섹션을 선택하려고 합니다.탭의 특정 앵커 요소를 선택하고 첫 번째 웹 페이지의 href 속성에 해시 속성을 추가하려면 location.hash 함수를 사용하라는 제안을 받았습니다.

하지만 코드가 작동하지 않습니다. 특정 탭이 선택된 대신 전체 페이지가 표시됩니다.누군가 나를 도와줄 수 있나요?

코드는 다음과 같습니다.첫 번째 웹페이지에 있는 링크입니다.두 번째 웹페이지의 제출됨 탭을 선택하고 싶습니다.그래서 해당 탭의 ID인 #submitted를 URL에 추가했습니다.

<a id="formStatus<?php echo $status;?>" class="code_link" href="/FormBuilder/main/viewAllMyForms#submitted"><?php echo $status;?></a>

이것은 location.hash가 제출된 것과 같은지 확인하는 두 번째 페이지의 코드입니다.

if(location.hash=="submitted") {
       $("#submitted").trigger("click");
}

$('#submitted , #formStatusSubmitted').click({
 <?php foreach($myForms as $form):
    if($form['Form']['status']=="Incompleted"){ ?>
        $('.fm_myformsample_container'+<?php echo $form['Form']['id'];?>).hide();
<?php }

   else{?>
        $('.fm_myformsample_container'+<?php echo $form['Form']['id'];?>).show();
  <?php }

  endforeach;?>

  $('#sort_by').find(".selected").removeClass();
  $('#submitted').addClass("selected");
});

Answer 1

내 문제에 대한 해결책을 찾았습니다.방금 if 조건의 ID에 #을 추가했습니다.

if(location.hash=="#submitted"){
       $("#submitted").trigger("click");
}

이제 작동합니다. 특정 링크를 클릭하면 해당 탭 섹션으로 리디렉션됩니다.

Answer 2

window.location.hash 또는 document.location.hash를 사용해 보세요.

Answer 3

클릭 핸들러를 설정하기 전에 click()을 실행하는 것처럼 보입니다.움직여 보세요 $("#submitted").trigger("click"); 맨 아래로.